:root{font-family:Segoe UI,Trebuchet MS,sans-serif;color:#0f172a;background:linear-gradient(120deg,#f7fafc,#e2e8f0);--pastel-primary: #7f9ec4;--pastel-primary-dark: #6c8cb3;--pastel-primary-deep: #5c7ea8;--pastel-primary-soft: #e8f0fb;--pastel-primary-soft-border: #b4c8e2;--pastel-primary-text: #3f5f87}*{box-sizing:border-box}body{margin:0}.layout{max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem}.layout-authenticated{padding-top:1rem}.test-mode-banner{margin:0 0 1rem;padding:.9rem 1rem;border:1px solid #f59e0b;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#fef3c7);color:#7c2d12;box-shadow:0 14px 36px #7c2d121f;display:flex;align-items:center;justify-content:space-between;gap:1rem}.test-mode-banner strong,.test-mode-banner span{display:block}.test-mode-banner strong{font-size:1rem;letter-spacing:.03em}.test-mode-banner span{margin-top:.2rem;color:#92400e}.test-mode-banner button{border:1px solid #b45309;border-radius:12px;background:#b45309;color:#fff;padding:.6rem .9rem;font-weight:800;cursor:pointer;white-space:nowrap}.test-mode-banner button:disabled{opacity:.65;cursor:wait}.test-mode-banner-inactive{border-color:#cbd5e1;background:linear-gradient(135deg,#f8fafc,#eef4f8);color:#16324f;box-shadow:none}.test-mode-banner-inactive span{color:#64748b}.test-mode-banner-inactive button{border-color:#16324f;background:#16324f}.app-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem}.hero{margin-bottom:1.5rem;text-align:center;display:grid;justify-items:center;gap:.35rem}.hero h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.hero p{margin:0;max-width:760px}.hero-logo{width:clamp(84px,12vw,128px);height:auto;object-fit:contain}.hero-authenticated{margin-bottom:0;text-align:left;justify-items:start;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem}.hero-authenticated .hero-logo{width:58px}.hero-authenticated h1{font-size:clamp(1rem,1.6vw,1.28rem);max-width:700px}.top-panel-row{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}.session-card-auth{position:relative;display:grid;justify-items:end;gap:.35rem;min-width:230px}.profile-menu{position:relative}.profile-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.32rem .6rem;border-radius:999px;border:1px solid #94a3b8;background:linear-gradient(135deg,#fff,#f1f5f9);color:#0f172a;box-shadow:0 8px 18px #0f172a14}.profile-chip:hover{filter:brightness(1.01)}.profile-chip-active{border-color:var(--pastel-primary);box-shadow:0 10px 20px #7f9ec447}.profile-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--pastel-primary) 0%,var(--pastel-primary-deep) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.02em}.profile-chip-meta{display:grid;text-align:left;line-height:1.15}.profile-chip-meta strong{font-size:.86rem}.profile-chip-meta small{font-size:.74rem;color:#475569;letter-spacing:.01em}.profile-menu-caret{color:#64748b;font-size:.8rem}.profile-menu-panel{position:absolute;right:0;top:calc(100% + .45rem);z-index:20;min-width:150px;display:grid;gap:.35rem;padding:.45rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 18px 36px #0f172a24}.profile-menu-panel button{justify-content:flex-start;text-align:left}.session-feedback{max-width:360px;margin:0;text-align:right;font-size:.86rem}.session-generated-creds{position:absolute;right:0;top:calc(100% + .55rem);z-index:10;width:min(420px,90vw);background:#fff}.profile-page-card{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.card{background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:1rem;box-shadow:0 8px 20px #0f172a0f}.login-card{max-width:420px;margin:0 auto;padding:.85rem;text-align:center}.login-form-compact{gap:.42rem}.login-form-compact input,.login-form-compact button{padding-top:.5rem;padding-bottom:.5rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.6rem}.row{display:flex;gap:.6rem;align-items:center}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem}.section-head h2{margin:0}.tab-bar{display:flex;gap:.5rem;margin-top:1rem}.tab-btn{background:#fff;color:#0f172a;border:1px solid #94a3b8}.tab-btn-active{background:var(--pastel-primary-dark);color:#fff}.tab-content{margin-top:.8rem}.stack{display:grid;gap:.5rem}.filter-row{display:grid;gap:.5rem;margin-bottom:.6rem}.request-filters{grid-template-columns:1fr 180px 180px}.request-device-filters{grid-template-columns:180px 180px 1fr}.request-date-filters{grid-template-columns:1fr 1fr}.certificate-filters{grid-template-columns:1fr 180px}.ckp-request-filters{grid-template-columns:2fr 1.2fr 1fr 1.6fr}.ckp-request-filters-pending{grid-template-columns:2fr 1fr 1.6fr}input,select,textarea,button{border:1px solid #94a3b8;border-radius:8px;padding:.55rem .7rem;font:inherit}button{background:var(--pastel-primary-dark);color:#fff;border:none;cursor:pointer}button:disabled{background:#94a3b8}.link-btn{background:transparent;border:none;color:var(--pastel-primary-text);padding:.1rem 0;text-align:center}.forgot-link{font-size:.86rem}.list{display:grid;gap:.4rem;padding-left:1rem}.list a{margin-left:.6rem;color:var(--pastel-primary-text);text-decoration:none}.scope-block{display:grid;gap:.5rem;border:1px dashed #94a3b8;border-radius:10px;padding:.7rem}.request-create-block{border:1px solid #cbd5e1;border-radius:10px;padding:.8rem;margin-bottom:.8rem;background:#f8fafc}.inline-check{display:flex;align-items:center;gap:.55rem;font-weight:600}.inline-check input{width:auto}.holder-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem;background:#eef4f8}.holder-form-grid label{display:grid;gap:.25rem;font-weight:600}.import-panel{border:1px solid #cbd5e1;border-radius:12px;padding:.85rem;margin-bottom:.9rem;background:linear-gradient(180deg,#fff,#f8fafc)}.compact-head{align-items:flex-start}.compact-head h3{margin:0 0 .25rem}.import-actions{flex-wrap:wrap;margin-bottom:.65rem}.file-input-label{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #94a3b8;border-radius:999px;padding:.45rem .75rem;background:#fff;color:#0f172a;font-weight:700;cursor:pointer}.file-input-label input{display:none}.import-preview{display:grid;gap:.65rem}.import-summary{display:flex;flex-wrap:wrap;gap:.5rem}.import-summary span{border:1px solid #d8e1ec;border-radius:999px;padding:.25rem .6rem;background:#eef4f8;font-size:.88rem;font-weight:700}.device-form-card{border:1px solid #cbd5e1;border-radius:12px;padding:.9rem;margin-bottom:.8rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:inset 0 1px #ffffffb3;display:grid;gap:.7rem}.device-form-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.device-form-mode{font-size:.76rem;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:.18rem .52rem}.device-form-mode.create{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.device-form-mode.edit{background:#fef9c3;color:#854d0e;border:1px solid #fde047}.device-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.device-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.customer-form-card{border:1px solid #cbd5e1;border-radius:12px;padding:.95rem;margin-bottom:.8rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:inset 0 1px #ffffffb3;display:grid;gap:.7rem}.customer-form-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.catalog-card{margin-top:0;grid-template-rows:auto auto 1fr;align-content:start}.catalog-create-area{display:grid;grid-template-rows:auto auto;align-content:start;gap:.65rem;min-height:126px}.catalog-single-field{grid-template-columns:1fr}.catalog-create-area .device-form-actions button{min-width:132px}.catalog-entry-list{display:grid;gap:.45rem;height:272px;max-height:272px;align-content:start;overflow-y:auto;overflow-x:hidden;border:1px solid #d8e1ec;border-radius:10px;padding:.55rem;background:#ffffffb8}.catalog-entry-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:42px;border:1px solid #d8e1ec;border-radius:9px;padding:.42rem .48rem .42rem .65rem;background:#fff;box-shadow:0 1px #16324f08}.catalog-entry-row strong{color:#16324f;font-size:.9rem;line-height:1.18;overflow-wrap:anywhere}.catalog-entry-main{display:grid;gap:.08rem;min-width:0}.catalog-entry-main span{color:#64748b;font-size:.76rem;font-weight:650;overflow-wrap:anywhere}.catalog-row-actions{display:grid;grid-template-columns:repeat(2,minmax(48px,auto));gap:.28rem;align-items:center;flex:0 0 auto}.catalog-action-btn{min-width:0;padding:.3rem .42rem;font-size:.76rem;line-height:1.1}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.75rem}.settings-template-list{display:grid;gap:.45rem;margin-top:.35rem}.settings-template-list h4{margin:.15rem 0;color:#16324f}.settings-template-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;border:1px solid #d8e1ec;border-radius:10px;padding:.6rem;background:#fff}.settings-template-active{border-color:#1f5d8c;box-shadow:0 0 0 2px #1f5d8c14}.muted-text{color:#64748b;font-size:.88rem;line-height:1.35;margin:0}.checkbox-line{display:flex;align-items:center;gap:.5rem;font-weight:700}.catalog-empty{margin:0;color:#64748b;font-size:.84rem;font-weight:650}.catalog-model-list{height:272px;max-height:272px}.catalog-suggestions-panel{margin-top:.9rem}.form-field{display:grid;gap:.3rem;color:#334155;font-size:.9rem;font-weight:700}.form-field input,.form-field select,.form-field textarea{font-weight:400}.customer-check-row{border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .65rem;background:#fff}.customer-form-addresses,.customer-form-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.customer-form-files label{border:1px dashed #94a3b8;border-radius:8px;padding:.55rem;background:#fff}.customer-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.inline-field{display:flex;align-items:center;gap:.45rem}.inline-field input{flex:1}.scope-row{display:grid;grid-template-columns:1fr 260px;gap:.6rem;align-items:center}.scope-row-extended{grid-template-columns:1fr 260px 1fr}.request-list{padding-left:0;list-style:none}.request-table-wrap{overflow-x:auto}.request-table{width:100%;border-collapse:collapse;font-size:.92rem}.request-table th,.request-table td{border-bottom:1px solid #e2e8f0;text-align:left;padding:.5rem;white-space:nowrap}.request-table td.customer-name-cell{white-space:normal;min-width:220px;max-width:320px;overflow-wrap:anywhere;word-break:break-word;line-height:1.3}.clickable-row{cursor:pointer}.request-table td:last-child{display:flex;gap:.4rem}.request-table tr.request-item-removed td{background:#f8fafc;color:#64748b}.table-action-row{display:flex;flex-wrap:wrap;gap:.35rem}.inline-status{display:inline-flex;margin-left:.45rem;padding:.12rem .42rem;border-radius:999px;font-size:.72rem;font-weight:700}.muted-status{background:#e2e8f0;color:#475569;border:1px solid #cbd5e1}.muted-cell-text{margin-top:.18rem;color:#64748b;font-size:.78rem;white-space:normal;max-width:320px}.cell-inline-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ckp-pending-table td:last-child{display:table-cell}.device-select-table td:first-child,.device-select-table th:first-child{width:64px}.device-select-table td select,.device-select-table td input{min-width:160px}.request-table thead th{background:#f8fafc;font-weight:600}.request-meta{display:grid;gap:.2rem;margin-top:.4rem;font-size:.95rem}.request-items{margin-top:.45rem;display:grid;gap:.2rem}.request-items ul{margin:0;padding-left:1rem}.request-detail{border:1px solid #cbd5e1;border-radius:10px;padding:.7rem;background:#f8fafc}.detail-head{justify-content:space-between}.detail-head h4{margin:0}.ghost-btn{background:#fff;color:#0f172a;border:1px solid #94a3b8}.compact-btn{padding:.35rem .6rem;font-size:.82rem}.danger-btn{border-color:#ef4444;color:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0f172a73}.modal-card{width:min(560px,100%);border:1px solid #cbd5e1;border-radius:16px;padding:1rem;background:#fff;box-shadow:0 22px 70px #0f172a47;display:grid;gap:.8rem}.modal-head{display:flex;justify-content:space-between;gap:.75rem}.modal-head h3{margin:0}.modal-head p{margin:.25rem 0 0;color:#475569;font-size:.9rem}.device-removal-modal textarea{resize:vertical}.form-error-text{margin:0;color:#b91c1c;font-size:.85rem;font-weight:700}.error{color:#b91c1c}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .58rem;font-size:.78rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent}.status-submitted{background:#fef9c3;color:#854d0e;border-color:#facc15}.status-approved{background:var(--pastel-primary-soft);color:var(--pastel-primary-text);border-color:var(--pastel-primary-soft-border)}.status-in-progress{background:#dcfce7;color:#166534;border-color:#86efac}.status-completed{background:#e0f2fe;color:#0f4c81;border-color:#a3b8ff}.status-rejected{background:#fee2e2;color:#991b1b;border-color:#f87171}.status-default{background:#e2e8f0;color:#334155;border-color:#94a3b8}.pagination-row{justify-content:flex-end;margin-top:.6rem}.download-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.download-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(135deg,var(--pastel-primary) 0%,var(--pastel-primary-deep) 100%);color:#fff;border:1px solid var(--pastel-primary-deep);border-radius:999px;padding:.45rem .9rem;font-size:.88rem;font-weight:600;letter-spacing:.01em;box-shadow:0 6px 14px #7f9ec43d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.download-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #7f9ec44d;filter:brightness(1.03)}.download-btn:active{transform:translateY(0)}.download-btn-disabled{background:#cbd5e1;border-color:#94a3b8;color:#475569;box-shadow:none;cursor:not-allowed;pointer-events:none}.download-btn-sm{padding:.34rem .72rem;font-size:.78rem;border-radius:8px;margin-right:.3rem}.technical-import-card{margin-top:.9rem;border:1px solid #cbd5e1;border-radius:12px;padding:.9rem;background:linear-gradient(180deg,#fff,#f8fafc)}.technical-import-history{margin-top:.8rem;padding-top:.1rem}.technical-import-subtitle{margin:.2rem 0 0;font-size:.88rem;color:#475569}.technical-section-head-compact{margin-bottom:.55rem}.technical-import-status-wrap{display:flex;align-items:center}.technical-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.technical-meta-item{display:grid;gap:.18rem;padding:.65rem .75rem;border:1px solid #d8e1ec;border-radius:10px;background:#fff}.technical-meta-label{font-size:.78rem;color:#64748b}.technical-meta-value{font-size:.95rem;color:#0f172a}.technical-import-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.technical-import-panel{border:1px solid #d8e1ec;border-radius:10px;background:#fff;padding:.75rem}.technical-import-panel h4{margin:0 0 .55rem}.collapsible-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem}.collapsible-panel-head h4{margin:0}.device-detail-card{margin-top:.8rem;border:1px solid #cbd5e1;border-radius:12px;padding:.85rem;background:linear-gradient(180deg,#fff,#f8fafc)}.technical-import-history-table td:last-child,.technical-import-validation-table td:last-child,.technical-import-inner-table td:last-child{display:table-cell}.technical-import-history-selected{background:#eef6ff}.history-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.technical-history-status{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.technical-history-status-text{font-size:.8rem;color:#64748b}.technical-import-upload{margin-top:.8rem;border:1px solid #cbd5e1;border-radius:10px;padding:.8rem;background:#f8fafc}.technical-import-upload-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem}.technical-import-upload-head h4{margin:0}.technical-import-upload-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px) auto;gap:.6rem;align-items:end}.technical-import-upload-help{margin:.2rem 0 0;font-size:.84rem;color:#475569}.technical-import-note{font-size:.83rem;color:#475569}.role-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.role-definition-card{border:1px solid #d8e1ec;border-radius:10px;background:#fff;padding:.75rem;display:grid;gap:.25rem}.role-definition-card small{color:#64748b}.role-definition-card p{margin:0;color:#475569;line-height:1.35}.user-role-panel{margin-top:.7rem}.audit-log-panel td:last-child{max-width:28rem;word-break:break-word}@media (max-width: 860px){.app-topbar{align-items:stretch;flex-direction:column}.session-card-auth{justify-items:start}.profile-menu-panel{left:0;right:auto}.grid,.grid-2,.scope-row,.scope-row-extended,.request-filters,.request-device-filters,.request-date-filters,.holder-form-grid,.certificate-filters,.ckp-request-filters,.ckp-request-filters-pending,.device-form-grid{grid-template-columns:1fr}.device-form-head{flex-direction:column;align-items:flex-start}.device-form-actions{justify-content:stretch}.device-form-actions button{width:100%}.customer-form-head{flex-direction:column;align-items:flex-start}.customer-form-grid,.catalog-grid,.customer-form-addresses,.customer-form-files{grid-template-columns:1fr}.customer-form-actions{justify-content:stretch}.customer-form-actions button{width:100%}.top-panel-row{flex-direction:column;align-items:stretch}.profile-chip{width:100%;justify-content:flex-start}.profile-detail-grid{grid-template-columns:1fr}.inline-field,.download-row{flex-direction:column;align-items:stretch}.technical-meta-grid,.technical-import-section-grid{grid-template-columns:1fr}.technical-import-upload-head{flex-direction:column;align-items:flex-start}.technical-import-upload-body{grid-template-columns:1fr;align-items:stretch}.role-definition-grid{grid-template-columns:1fr}}.layout-guest{max-width:none;margin:0;padding:2.5rem 1rem;min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate;--lg-cyan: #4f7cff;--lg-sky: #7c8cff;--lg-ink: #e6f1ff;--lg-muted: #9fb6d4}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.login-bg-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 700px at 78% -10%,#0e3a55,#0e3a5500 60%),radial-gradient(900px 600px at 12% 110%,#0c2e4a,#0c2e4a00 55%),linear-gradient(160deg,#05101d,#08203a 45%,#061a30)}.login-bg-grid{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:linear-gradient(rgba(120,180,230,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,230,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 42%,#000 0%,rgba(0,0,0,.55) 45%,transparent 78%);-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,rgba(0,0,0,.55) 45%,transparent 78%);animation:lg-grid-pan 26s linear infinite}.login-aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen}.aurora-1{width:46vw;height:46vw;left:-8vw;top:-10vh;background:radial-gradient(circle at 30% 30%,#1e3a8a,transparent 65%);animation:lg-float-a 18s ease-in-out infinite}.aurora-2{width:40vw;height:40vw;right:-6vw;top:6vh;background:radial-gradient(circle at 60% 40%,#2563eb,transparent 65%);animation:lg-float-b 22s ease-in-out infinite}.aurora-3{width:50vw;height:50vw;left:30vw;bottom:-28vh;background:radial-gradient(circle at 50% 50%,#2a3f9e,transparent 62%);animation:lg-float-c 26s ease-in-out infinite}.login-rings{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:1px;height:1px}.login-rings span{position:absolute;left:50%;top:50%;width:520px;height:520px;margin:-260px 0 0 -260px;border:1px solid rgba(79,124,255,.35);border-radius:50%;opacity:0;animation:lg-ring 7s ease-out infinite}.login-rings span:nth-child(2){animation-delay:1.75s}.login-rings span:nth-child(3){animation-delay:3.5s}.login-rings span:nth-child(4){animation-delay:5.25s}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0}.login-particles span{position:absolute;bottom:-6%;border-radius:50%;background:radial-gradient(circle,#9db8ff 0%,rgba(124,140,255,.5) 60%,transparent 100%);box-shadow:0 0 8px #4f7cffb3;opacity:0;animation-name:lg-particle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.login-wave{position:absolute;left:0;right:0;bottom:0;width:140%;height:38vh;min-height:220px}.wave-path{fill:none;stroke-width:2}.wave-1{stroke:#4f7cff73;fill:#3b6ef614;animation:lg-wave 14s linear infinite}.wave-2{stroke:#7c8cff59;fill:#2563eb0f;animation:lg-wave 20s linear infinite reverse}.login-stage{position:relative;z-index:2;width:min(440px,94vw);display:grid;justify-items:center;gap:1.4rem;animation:lg-rise .8s cubic-bezier(.22,1,.36,1) both}.layout-guest .hero{margin:0;gap:.9rem}.layout-guest .hero-logo{width:clamp(82px,16vw,112px);padding:14px;border-radius:22px;background:#e9f4fff2;box-shadow:0 10px 30px #020c1880,0 0 0 1px #96aaff40,0 0 40px #4f7cff2e;animation:lg-logo-glow 5s ease-in-out infinite}.layout-guest .hero h1{font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.3;max-width:30ch;font-weight:700;letter-spacing:.01em;background:linear-gradient(100deg,#eaf2ff,#9fb4ff,#c5d4ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 30px rgba(79,124,255,.18)}.layout-guest .login-card{position:relative;width:100%;max-width:100%;margin:0;padding:1.7rem 1.5rem 1.5rem;border-radius:22px;background:linear-gradient(180deg,#0f2640b8,#08182cc7);border:1px solid rgba(150,170,255,.18);box-shadow:0 30px 70px #020a1699,inset 0 1px #ffffff0f;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);color:var(--lg-ink);overflow:hidden}.layout-guest .login-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,transparent 0deg,rgba(79,124,255,.55) 90deg,transparent 160deg,rgba(124,140,255,.5) 270deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.7;animation:lg-spin 8s linear infinite;pointer-events:none}.layout-guest .login-form-compact{position:relative;z-index:1;gap:.8rem}.layout-guest .login-form-compact h3{font-size:1.45rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#eaf4ff;margin-bottom:.2rem!important}.layout-guest .login-form-compact h3:after{content:"";display:block;width:46px;height:3px;margin-top:.5rem;border-radius:3px;background:linear-gradient(90deg,var(--lg-cyan),var(--lg-sky));box-shadow:0 0 14px #4f7cffb3}.layout-guest .login-form-compact .muted-text{color:var(--lg-muted)}.layout-guest .login-form-compact input{width:100%;padding:.85rem .95rem .85rem 2.7rem;border-radius:13px;border:1px solid rgba(125,165,205,.28);background:#06142699 no-repeat .85rem 50%;background-size:18px 18px;color:var(--lg-ink);transition:border-color .2s ease,box-shadow .25s ease,background-color .2s ease}.layout-guest .login-form-compact input::placeholder{color:#7f97b5}.layout-guest .login-form-compact input[type=text]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%238aa6c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='6' r='3.2'/%3E%3Cpath d='M3.5 16c0-3 2.5-5 5.5-5s5.5 2 5.5 5'/%3E%3C/svg%3E")}.layout-guest .login-form-compact input[type=password]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%238aa6c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='11' height='7.5' rx='2'/%3E%3Cpath d='M6 8V5.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E")}.layout-guest .login-form-compact input:focus{outline:none;border-color:#4f7cffcc;background-color:#081c32d9;box-shadow:0 0 0 3px #4f7cff2e,0 0 22px #4f7cff38}.layout-guest .login-form-compact button[type=submit]{position:relative;margin-top:.3rem;padding:.85rem 1rem;border-radius:13px;border:none;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(110deg,#3b82f6,#4f6bf5 55%,#6366f1);background-size:200% 100%;box-shadow:0 12px 28px #4f7cff4d;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .25s ease,background-position .5s ease}.layout-guest .login-form-compact button[type=submit]:hover:not(:disabled){transform:translateY(-2px);background-position:100% 0;box-shadow:0 18px 38px #4f7cff6b}.layout-guest .login-form-compact button[type=submit]:active:not(:disabled){transform:translateY(0)}.layout-guest .login-form-compact button[type=submit]:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:lg-shine 4.5s ease-in-out infinite}.layout-guest .login-form-compact button[type=submit]:disabled{opacity:.7;cursor:wait}.layout-guest .login-form-compact .link-btn,.layout-guest .forgot-link{background:transparent;border:none;color:var(--lg-muted);font-size:.86rem;cursor:pointer;transition:color .2s ease}.layout-guest .login-form-compact .link-btn:hover,.layout-guest .forgot-link:hover{color:var(--lg-cyan)}.layout-guest .login-card .error{color:#fda4af}.layout-guest .session-generated-creds{background:#06142699;border:1px solid rgba(125,165,205,.25);color:var(--lg-ink)}@keyframes lg-rise{0%{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lg-spin{to{transform:rotate(360deg)}}@keyframes lg-shine{0%,60%{left:-120%}to{left:130%}}@keyframes lg-grid-pan{0%{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@keyframes lg-ring{0%{opacity:0;transform:scale(.25)}10%{opacity:.7}to{opacity:0;transform:scale(1.55)}}@keyframes lg-particle{0%{opacity:0;transform:translate(0)}12%{opacity:.9}88%{opacity:.8}to{opacity:0;transform:translate(var(--drift, 12px),-112vh)}}@keyframes lg-wave{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes lg-logo-glow{0%,to{box-shadow:0 10px 30px #020c1880,0 0 0 1px #96aaff40,0 0 36px #4f7cff29}50%{box-shadow:0 10px 30px #020c1880,0 0 0 1px #96aaff66,0 0 52px #4f7cff52}}@keyframes lg-float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vw,4vh) scale(1.08)}}@keyframes lg-float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vw,5vh) scale(1.12)}}@keyframes lg-float-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4vw,-5vh) scale(1.06)}}@media (prefers-reduced-motion: reduce){.login-bg-grid,.login-aurora,.login-rings span,.login-particles span,.wave-path,.login-stage,.layout-guest .hero-logo,.layout-guest .login-card:before,.layout-guest .login-form-compact button[type=submit]:after{animation:none!important}}@media (max-width: 540px){.layout-guest{padding:1.5rem .9rem}.layout-guest .login-card{padding:1.4rem 1.15rem}}.layout-guest .auth-divider{display:flex;align-items:center;gap:.8rem;margin:.15rem 0;color:var(--lg-muted);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.layout-guest .auth-divider:before,.layout-guest .auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(125,165,205,.35),transparent)}.layout-guest .social-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.78rem 1rem;border-radius:13px;font-weight:600;font-size:.95rem;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,box-shadow .22s ease,background-color .2s ease,border-color .2s ease}.layout-guest .social-btn:hover{transform:translateY(-2px)}.layout-guest .social-btn:active{transform:translateY(0)}.layout-guest .google-btn{background:#fff;color:#1f2937;border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 24px #020a1659}.layout-guest .google-btn:hover{box-shadow:0 14px 30px #020a1673}.layout-guest .google-btn svg{flex-shrink:0}.layout-guest .magic-btn{background:#7c8cff14;color:var(--lg-ink);border:1px solid rgba(150,170,255,.4)}.layout-guest .magic-btn:hover{background:#7c8cff29;border-color:#4f7cffb3;box-shadow:0 0 22px #4f7cff33}.layout-guest .magic-spark{color:#93acff;filter:drop-shadow(0 0 6px rgba(140,165,255,.8));animation:lg-twinkle 2.4s ease-in-out infinite}@keyframes lg-twinkle{0%,to{opacity:.6;transform:scale(.9) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}.layout-guest .auth-soon-note{margin:0;text-align:center;font-size:.8rem;color:#a3b8ff}@media (prefers-reduced-motion: reduce){.layout-guest .magic-spark{animation:none!important}}