﻿.page-module__EYwkLa__pageWrapper{background-color:#f1f3f6;justify-content:center;align-items:flex-start;min-height:calc(100vh - 100px);padding:40px 20px 80px;font-family:Inter,sans-serif;display:flex}.page-module__EYwkLa__container{width:100%;max-width:960px}.page-module__EYwkLa__headerBox{background-color:#272c33;border-radius:24px;margin-bottom:24px;padding:40px}.page-module__EYwkLa__headerTitle{letter-spacing:-.02em;margin-bottom:12px;font-size:2.75rem;font-weight:800}.page-module__EYwkLa__titleBlue{color:#0b192c}.page-module__EYwkLa__titleYellow{color:#d4af37}.page-module__EYwkLa__headerSubtitle{color:#e2e8f0;max-width:650px;font-size:1.05rem;line-height:1.6}.page-module__EYwkLa__openAlertBanner{background:#eff6ff;border:2px solid #93c5fd;border-radius:18px;margin-bottom:24px;padding:24px;animation:.3s ease-in-out page-module__EYwkLa__fadeIn;box-shadow:0 10px 25px -5px #3b82f626}.page-module__EYwkLa__openAlertHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.page-module__EYwkLa__openAlertBadge{color:#1e40af;align-items:center;gap:8px;font-size:1.1rem;display:flex}.page-module__EYwkLa__openAlertIcon{font-size:1.3rem}.page-module__EYwkLa__closeAlertBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;line-height:1}.page-module__EYwkLa__closeAlertBtn:hover{color:#0f172a;background:#dbeafe}.page-module__EYwkLa__openAlertText{color:#1e293b;margin-bottom:6px;font-size:1.05rem;line-height:1.5}.page-module__EYwkLa__openAlertHint{color:#475569;margin-bottom:16px;font-size:.9rem}.page-module__EYwkLa__openAlertHint code{color:#0f172a;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-weight:700}.page-module__EYwkLa__openAlertActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-module__EYwkLa__btnSecondarySmall{color:#fff;cursor:pointer;background-color:#1e40af;border:none;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:background .2s}.page-module__EYwkLa__btnSecondarySmall:hover{background-color:#1d4ed8}.page-module__EYwkLa__btnLink{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:.9rem;font-weight:700;text-decoration:underline}.page-module__EYwkLa__btnLink:hover{color:#1d4ed8}.page-module__EYwkLa__feedbackToast{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;margin-bottom:24px;padding:14px 20px;font-size:.95rem;font-weight:700;animation:.2s ease-in-out page-module__EYwkLa__fadeIn;box-shadow:0 4px 12px #1665341a}.page-module__EYwkLa__grid{grid-template-columns:1fr 360px;align-items:flex-start;gap:24px;display:grid}.page-module__EYwkLa__whiteBox{background-color:#fff;border-radius:24px;padding:36px;box-shadow:0 4px 20px #00000008}.page-module__EYwkLa__boxHeaderRow{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-module__EYwkLa__boxTitle{color:#101722;margin-bottom:6px;font-size:1.85rem;font-weight:800;line-height:1.2}.page-module__EYwkLa__boxSubtitle{color:#6d7685;font-size:.95rem;line-height:1.5}.page-module__EYwkLa__btnOutlineSmall{color:#0f172a;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .2s}.page-module__EYwkLa__btnOutlineSmall:hover{background:#f1f5f9;border-color:#94a3b8}.page-module__EYwkLa__emptyStateBox{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:18px;margin-bottom:28px;padding:36px 24px}.page-module__EYwkLa__emptyStateIcon{margin-bottom:12px;font-size:2.5rem}.page-module__EYwkLa__emptyStateTitle{color:#0f172a;margin-bottom:8px;font-size:1.2rem;font-weight:800}.page-module__EYwkLa__emptyStateText{color:#64748b;max-width:440px;margin:0 auto 24px;font-size:.92rem;line-height:1.5}.page-module__EYwkLa__accessList{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.page-module__EYwkLa__accessCard{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:20px;transition:border-color .2s,box-shadow .2s}.page-module__EYwkLa__accessCard:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0000000a}.page-module__EYwkLa__cardInfo{margin-bottom:16px}.page-module__EYwkLa__cardNameRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-module__EYwkLa__cardName{color:#0f172a;font-size:1.25rem;font-weight:800}.page-module__EYwkLa__codeBadge{color:#334155;letter-spacing:.05em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 12px;font-family:monospace;font-size:.9rem;font-weight:700}.page-module__EYwkLa__cardActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-module__EYwkLa__btnOpenAccess{color:#fff;cursor:pointer;letter-spacing:.04em;background-color:#cda834;border:none;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:800;transition:background-color .2s,transform .1s}.page-module__EYwkLa__btnOpenAccess:hover{background-color:#b9972f}.page-module__EYwkLa__btnOpenAccess:active{transform:scale(.98)}.page-module__EYwkLa__btnAction{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s}.page-module__EYwkLa__btnAction:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.page-module__EYwkLa__btnActionDanger{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #fee2e2;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s}.page-module__EYwkLa__btnActionDanger:hover{background:#fef2f2;border-color:#fca5a5}.page-module__EYwkLa__editCardForm{background:#f8fafc;border-radius:12px;padding:14px}.page-module__EYwkLa__smallLabel{color:#475569;margin-bottom:8px;font-size:.8rem;font-weight:700;display:block}.page-module__EYwkLa__editInputRow{flex-wrap:wrap;gap:8px;display:flex}.page-module__EYwkLa__inputSmall{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-width:160px;padding:8px 12px;font-size:.9rem}.page-module__EYwkLa__inputSmall:focus{border-color:#3b82f6}.page-module__EYwkLa__btnSaveSmall{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:700}.page-module__EYwkLa__btnSaveSmall:hover{background:#1e293b}.page-module__EYwkLa__btnCancelSmall{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:700}.page-module__EYwkLa__btnCancelSmall:hover{background:#cbd5e1}.page-module__EYwkLa__deleteConfirmBox{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:14px}.page-module__EYwkLa__deleteConfirmText{color:#991b1b;margin-bottom:10px;font-size:.9rem}.page-module__EYwkLa__deleteConfirmButtons{gap:8px;display:flex}.page-module__EYwkLa__btnDeleteConfirm{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:700}.page-module__EYwkLa__btnDeleteConfirm:hover{background:#b91c1c}.page-module__EYwkLa__addAccessForm{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:18px;margin-bottom:28px;padding:24px}.page-module__EYwkLa__addFormTitle{color:#0f172a;margin-bottom:18px;font-size:1.15rem;font-weight:800}.page-module__EYwkLa__formGroup{margin-bottom:18px}.page-module__EYwkLa__label{color:#334155;margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.page-module__EYwkLa__input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.page-module__EYwkLa__input:focus{border-color:#cda834;box-shadow:0 0 0 3px #cda83426}.page-module__EYwkLa__inputHint{color:#64748b;margin-top:4px;font-size:.78rem;display:block}.page-module__EYwkLa__errorMessage{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.85rem;font-weight:600}.page-module__EYwkLa__addFormButtons{align-items:center;gap:10px;margin-top:10px;display:flex}.page-module__EYwkLa__btnYellow{cursor:pointer;text-align:center;color:#fff;letter-spacing:.04em;background-color:#cda834;border:none;border-radius:12px;padding:14px 24px;font-size:.85rem;font-weight:800;transition:background-color .2s}.page-module__EYwkLa__btnYellow:hover:not(:disabled){background-color:#b9972f}.page-module__EYwkLa__maxReachedNotice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;margin-bottom:28px;padding:14px 18px;font-size:.9rem;font-weight:600;line-height:1.5}.page-module__EYwkLa__fallbackBox{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;margin-bottom:24px;padding:16px}.page-module__EYwkLa__fallbackBox p{color:#92400e;margin-bottom:8px;font-size:.85rem;font-weight:700}.page-module__EYwkLa__fallbackInput{text-align:center;cursor:pointer;box-sizing:border-box;background:#fff;border:2px dashed #fcd34d;border-radius:10px;outline:none;width:100%;padding:10px;font-size:1.1rem;font-weight:700}.page-module__EYwkLa__howItWorks{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:24px}.page-module__EYwkLa__howItWorksTitle{color:#101722;margin-bottom:14px;font-size:1rem;font-weight:800}.page-module__EYwkLa__howItWorksList{color:#64748b;margin:0;padding-left:20px;font-size:.9rem;line-height:1.7}.page-module__EYwkLa__howItWorksList li{margin-bottom:4px}.page-module__EYwkLa__darkBox{background-color:#1b1e23;border-radius:24px;padding:36px}.page-module__EYwkLa__darkBoxTitle{color:#cda834;margin-bottom:14px;font-size:1.65rem;font-weight:800;line-height:1.2}.page-module__EYwkLa__darkBoxText{color:#cbd5e1;margin-bottom:28px;font-size:.9rem;line-height:1.6}.page-module__EYwkLa__featuresList{flex-direction:column;gap:10px;margin-bottom:30px;display:flex}.page-module__EYwkLa__featureItem{background-color:#22262c;border:1px solid #2d333b;border-radius:12px;padding:14px 18px}.page-module__EYwkLa__featureItem span{color:#f1f5f9;align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.page-module__EYwkLa__sideActions{margin-top:10px}.page-module__EYwkLa__btnGreen{cursor:pointer;text-align:center;color:#fff;box-sizing:border-box;background-color:#2bd769;border:none;border-radius:12px;width:100%;padding:14px 18px;font-size:.8rem;font-weight:800;line-height:1.4;text-decoration:none;transition:background-color .2s;display:block}.page-module__EYwkLa__btnGreen:hover{background-color:#24b85a}@keyframes page-module__EYwkLa__fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.page-module__EYwkLa__grid{grid-template-columns:1fr}}@media (max-width:640px){.page-module__EYwkLa__pageWrapper{padding:20px 14px 60px}.page-module__EYwkLa__headerBox{padding:26px 18px}.page-module__EYwkLa__headerTitle{font-size:2.1rem}.page-module__EYwkLa__whiteBox,.page-module__EYwkLa__darkBox{padding:24px 18px}.page-module__EYwkLa__boxTitle{font-size:1.5rem}.page-module__EYwkLa__cardActions{flex-direction:column;align-items:stretch}.page-module__EYwkLa__btnOpenAccess,.page-module__EYwkLa__btnAction,.page-module__EYwkLa__btnActionDanger{text-align:center;box-sizing:border-box;width:100%}}
