:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.feedback-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.feedback-modal{width:65%;max-width:95vw;max-height:90vh;overflow-y:auto;background:#071224;border-radius:18px;border:1px solid rgba(56,189,248,.2);box-shadow:0 20px 60px #0009}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(56,189,248,.15)}.feedback-header h2{margin-left:8px;color:#f8fafc;font-size:1.4rem}.feedback-close-btn,.feedback-image-close{background:transparent;border:none;color:#e80d0d;background:#53454580;font-size:1.2rem;cursor:pointer;padding:6px 10px;border-radius:50%;transition:all .2s;line-height:1}.feedback-image-close{position:absolute;top:50px;right:100px}.feedback-close-btn:hover{background:#ef444426;color:#ef4444}.feedback-body{padding:20px;display:flex;flex-direction:column;gap:14px}.feedback-field{display:flex;flex-direction:column;gap:8px;margin-top:0}.feedback-field label{color:#cbd5e1;font-size:.92rem;font-weight:600}.feedback-stars{display:flex;gap:10px}.feedback-stars span{font-size:34px;cursor:pointer;color:#475569;transition:.15s}.feedback-stars span:hover{transform:scale(1.15)}.feedback-stars span.active{color:#facc15}.feedback-field select{background:#0f172a;color:#fff;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:12px;outline:none}.feedback-field select:focus{border-color:#38bdf8}.feedback-field textarea{resize:vertical;min-height:150px;background:#0f172a;color:#fff;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:14px;outline:none;font-size:.95rem;line-height:1.5}.feedback-field textarea:focus{border-color:#38bdf8}.feedback-field input[type=file]{background:#0f172a;color:#fff;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:10px}.feedback-image-name{color:#38bdf8;font-size:.85rem;margin-top:4px;word-break:break-all}.feedback-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.feedback-cancel-btn{padding:10px 20px;border:none;border-radius:10px;cursor:pointer;background:#1e293b;color:#fff;font-weight:600}.feedback-cancel-btn:hover{background:#334155}.feedback-submit-btn{padding:10px 22px;border:none;border-radius:10px;cursor:pointer;background:#0ea5e9;color:#fff;font-weight:600}.feedback-submit-btn:hover{background:#0284c7}.feedback-submit-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-modal::-webkit-scrollbar{width:8px}.feedback-modal::-webkit-scrollbar-track{background:#071224}.feedback-modal::-webkit-scrollbar-thumb{background:#1e293b;border-radius:20px}.feedback-modal::-webkit-scrollbar-thumb:hover{background:#334155}.feedback-view-container{display:flex;flex-direction:column;gap:14px}.feedback-card{background:#0f172a;border:1px solid rgba(56,189,248,.15);border-radius:12px;padding:14px}.feedback-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#f8fafc;font-weight:600}.feedback-card-type{color:#38bdf8;margin-bottom:8px;font-size:.9rem}.feedback-card-text{color:#cbd5e1;line-height:1.6;white-space:pre-wrap}.feedback-loading,.feedback-empty{text-align:center;color:#cbd5e1;padding:30px}.feedback-card-image{margin-top:10px;color:#facc15;font-size:.85rem}.feedback-card-user{display:flex;align-items:center;gap:12px}.feedback-user-id{color:#94a3b8;font-size:.85rem}.feedback-card-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.feedback-view-image-btn{border:none;border-radius:8px;padding:8px 14px;background:#0ea5e9;color:#fff;cursor:pointer;font-weight:600}.feedback-view-image-btn:hover:not(:disabled){background:#0284c7}.feedback-view-image-btn:disabled{opacity:.45;cursor:not-allowed}.feedback-created-at{color:#94a3b8;font-size:.85rem}.feedback-image-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10001}.feedback-image-modal{display:flex;justify-content:center;max-width:90vw;max-height:90vh}.feedback-preview-image{max-width:80vw;max-height:80vh;border-radius:12px;border:1px solid rgba(56,189,248,.2)}.feedback-header-actions{display:flex;align-items:center;gap:10px}.feedback-delete-btn{padding:8px 16px;border:none;border-radius:8px;background:#dc2626;color:#fff;cursor:pointer;font-weight:600}.feedback-delete-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-delete-btn:hover:not(:disabled){background:#b91c1c}.feedback-select-row{margin-bottom:8px}.feedback-delete-modal{width:500px;max-width:90vw;background:#071224;border-radius:16px;border:1px solid rgba(56,189,248,.2)}.feedback-delete-body{padding:20px;color:#e2e8f0}.feedback-delete-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:12px}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#071224;border-bottom:1px solid rgba(56,189,248,.15);padding:0 36px;height:60px;flex-shrink:0;box-shadow:0 4px 24px #0009;position:relative}.navbar-brand{display:flex;align-items:center;gap:4px}.navbar-logo-company{height:50px;width:60px;object-fit:contain;border-radius:12px;border:2px solid rgba(56,189,248,.4);background-color:#fff;box-shadow:0 0 16px #38bdf833}.navbar-logo-sn{height:50px;width:50px;object-fit:contain;border-radius:8px;background-color:#fff;border:1px solid rgba(56,189,248,.2);box-shadow:0 0 12px #38bdf826}.navbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.navbar-tagline{font-size:1rem;color:#38bdf8;letter-spacing:1px;font-weight:600}.navbar-divider{width:1px;height:20px;background-color:#38bdf833}.navbar-right{display:flex;align-items:center;gap:16px}.navbar-user-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#0ea5e914;border-radius:24px;border:1px solid rgba(14,165,233,.2);cursor:pointer}.navbar-user-dot{width:9px;height:9px;border-radius:50%;background-color:#10b981;display:inline-block;box-shadow:0 0 6px #10b98180}.navbar-user-text{font-size:.88rem;color:#94c8e8;font-weight:500}.navbar-feedback-btn{padding:8px 20px;background-color:transparent;color:#04f428;border:1px solid rgba(6,245,10,.4);border-radius:8px;font-size:.88rem;cursor:pointer;font-weight:600;transition:background-color .2s,color .2s}.navbar-feedback-btn:hover{background:#139827;color:#fff}.navbar-logout-btn{padding:8px 20px;background-color:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:8px;font-size:.88rem;cursor:pointer;font-weight:600;transition:background-color .2s,color .2s}.navbar-logout-btn:hover{background-color:#dc2626;color:#fff}.navbar-popup-overlay{position:fixed;inset:0;background-color:#020c1bd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.navbar-popup-card{background-color:#071224;border-radius:16px;border:1px solid rgba(56,189,248,.2);box-shadow:0 20px 60px #000000b3,0 0 0 1px #38bdf826;width:420px;max-width:90vw}.navbar-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(56,189,248,.1)}.navbar-popup-title{font-size:1.1rem;font-weight:700;color:#f0f9ff;margin:0}.navbar-popup-close{background:transparent;border:none;color:#64748b;font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;line-height:1}.navbar-popup-close:hover{background-color:#ef44441a;color:#ef4444}.navbar-popup-body{padding:24px;display:flex;flex-direction:column;gap:16px}.navbar-popup-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#0ea5e90a;border-radius:10px;border:1px solid rgba(56,189,248,.08)}.navbar-popup-label{font-size:.82rem;color:#64748b;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.navbar-popup-value{font-size:.92rem;color:#e2e8f0;font-weight:500}.recharge-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.recharge-modal-card{background:#0d0d1a;border:1px solid #1e1e35;border-radius:18px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #000000a6;font-family:Segoe UI,system-ui,sans-serif}.recharge-header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 0}.recharge-title{color:#eee;font-size:18px;font-weight:700;margin:0}.recharge-subtitle{font-size:13px;color:#555;margin:4px 0 0}.recharge-close-btn{background:#1a1a30;border:none;color:#777;cursor:pointer;width:32px;height:32px;border-radius:50%;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s ease}.recharge-close-btn:hover{background:#232344;color:#fff}.recharge-body{padding:16px 24px 24px}.recharge-balance-card{background:linear-gradient(135deg,#0f0f25,#1a1040);border:1px solid #2a2a50;border-radius:14px;padding:18px;margin-bottom:20px;text-align:center}.recharge-balance-label{color:#555;font-size:11px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.8px}.recharge-balance-value{color:#4ade80;font-size:32px;font-weight:800;margin:0;letter-spacing:-.5px}.recharge-low-balance{display:inline-block;margin-top:8px;background:#f8717126;color:#f87171;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600}.recharge-input-group{margin-bottom:14px}.recharge-label{display:block;color:#777;font-size:11px;font-weight:700;margin-bottom:7px;text-transform:uppercase;letter-spacing:.6px}.recharge-input{width:100%;box-sizing:border-box;background:#111128;border:1.5px solid #2a2a4a;border-radius:10px;color:#eee;font-size:15px;padding:11px 14px;outline:none}.recharge-input:focus{border-color:#4ade80}.quick-amounts{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.quick-amount-btn{background:#111128;color:#aaa;border:1.5px solid #2a2a4a;border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer;font-weight:700;transition:.2s ease}.quick-amount-btn:hover{border-color:#4ade80}.quick-amount-btn.active{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;border:none}.recharge-primary-btn{width:100%;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s ease}.recharge-primary-btn:hover{transform:translateY(-1px)}.recharge-primary-btn:disabled{background:#2a2a4a;color:#666;cursor:not-allowed}.recharge-error{color:#f87171;font-size:13px;margin-bottom:12px;margin-top:4px}.recharge-processing,.recharge-success{text-align:center;padding:24px 0}.recharge-spinner{width:56px;height:56px;border:4px solid #1e1e35;border-top:4px solid #4ade80;border-radius:50%;margin:0 auto 20px;animation:rechargeSpin .85s linear infinite}.recharge-processing-title,.recharge-success-title{color:#ddd;font-size:18px;font-weight:700;margin-bottom:6px}.recharge-processing-subtitle{color:#555;font-size:13px}.recharge-success-icon{width:68px;height:68px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#000;font-size:30px;font-weight:800;box-shadow:0 0 32px #4ade8059}@keyframes rechargeSpin{to{transform:rotate(360deg)}}.records-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center}.records-modal{width:90%;max-width:1100px;height:90vh;background:#0f172a;border-radius:18px;padding:14px;border:1px solid #1e293b;display:flex;flex-direction:column;overflow:hidden}.records-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:sticky;top:0;background:#0f172a;z-index:20;margin-bottom:6px}.records-header h2{margin-bottom:0;color:#fff}.records-close-btn{font-size:10px;font-weight:700;background:#ef4444;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer}.records-close-btn:hover{transform:scale(1.1);background:#cb1a1a}.records-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;border-radius:12px;scrollbar-width:thin}.records-table{width:100%;border-collapse:collapse}.records-table thead th{position:sticky;top:0;background:#111827;z-index:10}.records-table th{background:#111827;color:#38bdf8;padding:12px;text-align:left}.records-table td{padding:12px;border-top:1px solid rgba(255,255,255,.05);color:#cbd5e1}.view-btn{background:#0ea5e9;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.records-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.records-pagination button{background:#1e293b;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.records-pagination button:disabled{opacity:.4;cursor:not-allowed}.image-preview-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000}.image-preview-card{position:relative;max-width:80%;max-height:90%;background:#242b3a;padding:15px;border-radius:12px}.image-preview-card img{max-width:100%;max-height:80vh;border-radius:10px}.preview-close{position:absolute;font-size:10px;font-weight:700;top:0;right:-50px;background:#ef4444;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer}.preview-close:hover{transform:scale(1.1);background:#cb1a1a}.home-root{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#020c1b;font-family:Segoe UI,sans-serif;overflow:hidden;margin:0;padding:0;box-sizing:border-box;color:#e2e8f0}.home-body{display:flex;flex:1;overflow:hidden}.home-main{flex:1;overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:24px;background-color:#020c1b}.home-welcome-banner{background:linear-gradient(135deg,#0c1e35,#071a2e,#0a1628);border-radius:18px;padding:20px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;border:1px solid rgba(56,189,248,.18);box-shadow:0 4px 30px #0ea5e91f;position:relative;overflow:hidden;min-height:150px}.home-banner-orb{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 65%);top:-150px;right:-60px;pointer-events:none}.home-banner-orb:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);bottom:-80px;left:20px;pointer-events:none}.home-banner-content{z-index:1;display:flex;flex-direction:column;gap:10px;max-width:680px}.home-banner-content button{border:1px solid rgba(169,191,200,.3);padding:8px 15px;border-radius:8px;background-color:#10b981;cursor:pointer}.home-banner-eyebrow{font-size:.72rem;color:#38bdf8;letter-spacing:3px;font-weight:700;margin:0}.home-banner-title{font-size:1.9rem;font-weight:700;color:#f0f9ff;margin:0;font-family:Georgia,serif;line-height:1.2}.home-banner-subtitle{font-size:.92rem;color:#64748b;margin:0;line-height:1.6}.home-welcome-banner:after{content:"";position:absolute;bottom:0;right:0;width:180px;height:3px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4));border-radius:0 0 18px}.home-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-card{background-color:#071224;border-radius:16px;padding:22px 24px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;transition:transform .2s;cursor:default}.home-card:hover{transform:translateY(-2px)}.home-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.home-card-icon{font-size:22px}.home-card-dot{width:8px;height:8px;border-radius:50%}.home-card-value{font-size:2.2rem;font-weight:700;margin:0;font-family:Georgia,serif}.home-card-label{font-size:.8rem;color:#475569;margin:0;font-weight:500;letter-spacing:.5px}.users-table-wrapper{overflow-x:auto;margin-top:10px}.bottom-row-header{display:flex;justify-content:space-between;align-items:center;padding:0 12px}.bottom-row-header .add-user-btn{border:1px solid rgba(169,191,200,.3);padding:8px 15px;border-radius:8px;background-color:#10b981;cursor:pointer}.home-info-title{font-size:1rem;font-weight:700;color:#f0f9ff;margin:0 0 12px}.users-table{width:96%;justify-self:center;border-collapse:collapse;font-size:.85rem}.users-table thead tr{color:#38bdf8;text-align:left}.users-table th,.users-table td{padding:10px}.users-table tbody tr{border-top:1px solid rgba(255,255,255,.05)}.users-empty{padding:12px;color:#64748b;text-align:center}.role-cell{text-transform:capitalize;color:#94a3b8}.delete-btn{padding:6px 12px;background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s}.delete-btn:hover{background-color:#ef444433;box-shadow:0 0 8px #ef444466}.disabled-btn{padding:6px 12px;background-color:#94a3b81a;color:#64748b;border:1px solid rgba(148,163,184,.3);border-radius:6px;cursor:not-allowed;opacity:.6}.home-popup-overlay{position:fixed;inset:0;background-color:#020c1bd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.home-popup-card{background-color:#071224;border-radius:16px;border:1px solid rgba(56,189,248,.2);box-shadow:0 20px 60px #000000b3,0 0 0 1px #38bdf826;width:420px;max-width:90vw}.home-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(56,189,248,.1)}.home-popup-title{font-size:1.1rem;font-weight:700;color:#f0f9ff;margin:0}.home-popup-close{background:transparent;border:none;color:#64748b;font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;line-height:1}.home-popup-close:hover{background-color:#ef44441a;color:#ef4444}.home-popup-body{padding:24px;display:flex;flex-direction:column;gap:16px}.home-popup-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#0ea5e90a;border-radius:10px;border:1px solid rgba(56,189,248,.08)}.home-popup-label{font-size:.82rem;color:#64748b;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.home-popup-value{font-size:.92rem;color:#e2e8f0;font-weight:500}.login-footer{background:#020c1b;border-top:1px solid rgba(56,189,248,.12);padding:20px 40px}.login-footer-testimonials h2{color:#f0f9ff;text-align:center;margin-bottom:10px}.login-footer-testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:30px}.login-footer-testimonial-card{background:#071224;border:1px solid rgba(56,189,248,.15);border-radius:16px;padding:10px}.login-footer-testimonial-text{color:#cbd5e1;line-height:1.7;margin-bottom:16px}.login-footer-testimonial-meta{display:flex;justify-content:space-between;color:#38bdf8;font-size:.85rem}.login-footer-company{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:10px}.login-footer-company h3{color:#f0f9ff;margin-bottom:12px}.login-footer-company p,.login-footer-company a{display:block;color:#94a3b8;text-decoration:none;margin-bottom:8px}.login-footer-company a:hover{color:#38bdf8}.login-footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(56,189,248,.12);text-align:center;color:#64748b}@media(max-width:900px){.login-footer{padding:40px 24px}.login-footer-company{grid-template-columns:1fr}}.login-page{min-height:100vh;background:#020c1b;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.login-root{flex:1;margin-top:20px;margin-bottom:20px;width:98vw;background-color:#020c1b;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;font-family:Georgia,serif}.login-blurred{filter:blur(7px);pointer-events:none;-webkit-user-select:none;user-select:none}.mobile-block-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999999}.mobile-login-logos{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center;margin-top:15px}.mobile-block-card{width:90%;max-width:450px;padding:32px;border-radius:20px;background:#071224;border:1px solid rgba(56,189,248,.18);text-align:center;box-shadow:0 25px 80px #000000a6}.mobile-block-icon{font-size:56px;margin-bottom:18px}.mobile-block-card h2{color:#f0f9ff;margin-bottom:18px;font-size:1.7rem}.mobile-block-card p{color:#cbd5e1;line-height:1.7;margin-bottom:14px;font-family:Segoe UI,sans-serif}.mobile-block-note{margin-top:22px;padding:12px;border-radius:10px;background:#38bdf814;color:#38bdf8;font-weight:600;font-family:Segoe UI,sans-serif}.login-orb1{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);top:-100px;left:-100px;pointer-events:none}.login-orb2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.1) 0%,transparent 70%);bottom:-80px;right:20%;pointer-events:none}.login-orb3{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);top:40%;right:-50px;pointer-events:none}.login-container{display:flex;width:60%;height:550px;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0009,0 0 0 1px #38bdf81a;z-index:1}.login-left-panel{flex:1;background:linear-gradient(145deg,#0c1e35,#071224);padding:90px 48px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(56,189,248,.1)}.login-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.login-logo{display:flex;flex-direction:row;justify-content:center;width:100%;gap:18px;align-items:center}.login-brand-logo{width:90px;height:90px;object-fit:contain;border-radius:16px;border:2px solid rgba(56,189,248,.3);padding:4px;background-color:#fff;box-shadow:0 0 24px #38bdf833}.login-brand-name{font-size:2.4rem;font-weight:700;color:#f0f9ff;margin:0 auto;letter-spacing:2px;text-align:center;text-transform:uppercase}.login-brand-tagline{font-size:.9rem;color:#38bdf8;margin:0 auto;letter-spacing:.5px;line-height:1.5}.login-feature-list{display:flex;flex-direction:column;gap:16px}.login-feature-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background-color:#38bdf80f;border-radius:12px;border:1px solid rgba(56,189,248,.1)}.login-feature-icon{font-size:20px}.login-feature-text{color:#94c8e8;font-size:.9rem;font-family:Segoe UI,sans-serif;letter-spacing:.3px}.login-right-panel{flex:1;background-color:#071224;display:flex;align-items:center;justify-content:center;padding:48px 40px}.login-form-card{width:100%;max-width:380px}.login-form-header{margin-bottom:36px}.login-form-title{font-size:1.9rem;font-weight:700;color:#f0f9ff;margin:0 0 8px}.login-form-subtitle{font-size:.9rem;color:#64748b;margin:0;font-family:Segoe UI,sans-serif}.login-form{display:flex;flex-direction:column;gap:20px}.login-field-group{display:flex;flex-direction:column;gap:8px}.login-label{font-size:.8rem;color:#38bdf8;font-family:Segoe UI,sans-serif;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;font-size:16px;z-index:1}.login-input{width:100%;padding:14px 14px 14px 44px;background-color:#0c1e35;border:1px solid #1e3a5f;border-radius:10px;color:#e2e8f0;font-size:.95rem;font-family:Segoe UI,sans-serif;outline:none;transition:border-color .2s;box-sizing:border-box}.login-input:focus{border-color:#38bdf8}.login-error-box{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;color:#fca5a5;font-size:.85rem;font-family:Segoe UI,sans-serif}.login-btn{padding:15px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#020c1b;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;font-family:Segoe UI,sans-serif;letter-spacing:.5px;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 20px #0ea5e966;margin-top:4px;width:100%}.login-btn:hover:not(:disabled){transform:translateY(-2px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-register-text{text-align:center;color:#475569;font-size:.85rem;font-family:Segoe UI,sans-serif;margin:0}.login-register-link{color:#38bdf8;text-decoration:none;font-weight:600}.login-register-link:hover{text-decoration:underline}.reg-root{min-height:100vh;width:100vw;background-color:#020c1b;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow-y:auto;overflow-x:hidden;font-family:Segoe UI,sans-serif;gap:20px;padding:24px 0 40px;box-sizing:border-box}.reg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(14,165,233,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.reg-top-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:700px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.reg-header-bar{display:flex;align-items:center;justify-content:space-between;width:700px;z-index:1}.reg-header-brand{display:flex;align-items:center;gap:10px}.reg-header-logo{width:70px;height:60px;object-fit:contain;border-radius:8px;background-color:#fff;padding:2px;border:1px solid rgba(56,189,248,.3)}.reg-header-name{font-size:24px;color:#f0f9ff;letter-spacing:1.5px;text-transform:uppercase}.reg-header-divider{color:#1e3a5f;font-size:1.1rem}.reg-header-sub{font-size:.85rem;color:#38bdf8}.reg-header-right{font-size:.85rem;color:#334155;margin:0}.reg-header-link{color:#38bdf8;text-decoration:none;font-weight:600}.reg-header-link:hover{text-decoration:underline}.reg-card{width:700px;background-color:#071224;border-radius:24px;border:1px solid rgba(56,189,248,.12);box-shadow:0 30px 80px #0009,0 0 0 1px #38bdf80f;overflow:visible;z-index:1}.reg-card-top{padding:22px 44px 18px;border-bottom:1px solid rgba(56,189,248,.08)}.reg-card-eyebrow{font-size:.7rem;color:#38bdf8;letter-spacing:3px;font-weight:700;margin:0 0 6px}.reg-card-title{font-size:1.5rem;font-weight:700;color:#f0f9ff;margin:0 0 16px;font-family:Georgia,serif}.reg-stepper{display:flex;align-items:center}.reg-stepper-item{display:flex;align-items:center;gap:10px;flex:1}.reg-step-circle{width:32px;height:32px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#e2e8f0;flex-shrink:0;transition:all .3s}.reg-step-label{font-size:.78rem;font-weight:600;transition:color .3s;white-space:nowrap}.reg-step-line{flex:1;height:2px;transition:background-color .3s;margin-left:10px}.reg-card-body{padding:20px 44px 28px}.reg-step-content{display:flex;flex-direction:column;gap:14px}.reg-step-hint{font-size:.88rem;color:#475569;margin:0}.reg-field-col{display:flex;flex-direction:column;gap:16px}.reg-field-group{display:flex;flex-direction:column;gap:7px}.reg-label{font-size:.75rem;color:#38bdf8;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.reg-input-wrapper{position:relative;display:flex;align-items:center}.reg-input-icon{position:absolute;left:14px;font-size:15px;z-index:1}.reg-input{width:100%;padding:13px 13px 13px 42px;background-color:#0c1e35;border:1px solid #1e3a5f;border-radius:10px;color:#e2e8f0;font-size:.92rem;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:Segoe UI,sans-serif}.reg-input:focus{border-color:#38bdf8}.reg-input.error{border-color:#ef4444}.reg-field-error{font-size:.75rem;color:#f87171;margin:2px 0 0}.reg-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reg-role-card{position:relative;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 14px;border:1px solid #1e3a5f;border-radius:14px;background-color:#0c1e35;cursor:pointer;transition:all .2s;font-family:Segoe UI,sans-serif;text-align:left;box-shadow:none}.reg-role-card.selected{border-color:#0ea5e9;background-color:#0ea5e91a;box-shadow:0 0 20px #0ea5e933}.reg-role-icon{font-size:18px;margin-bottom:0}.reg-role-label{font-size:.85rem;font-weight:700;color:#94a3b8;transition:color .2s}.reg-role-card.selected .reg-role-label{color:#38bdf8}.reg-role-desc{font-size:.72rem;color:#334155}.reg-role-check{position:absolute;top:12px;right:14px;font-size:.8rem;color:#0ea5e9;font-weight:700;background-color:#0ea5e926;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.reg-summary-box{background-color:#0c1e35;border-radius:12px;border:1px solid rgba(56,189,248,.1);padding:16px 20px;display:flex;flex-direction:column;gap:10px}.reg-summary-title{font-size:.7rem;color:#38bdf8;letter-spacing:2px;font-weight:700;margin:0;text-transform:uppercase}.reg-summary-row{display:flex;justify-content:space-between;align-items:center}.reg-summary-key{font-size:.82rem;color:#334155}.reg-summary-val{font-size:.85rem;color:#94c8e8;font-weight:600;text-transform:capitalize}.reg-error-box{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;color:#fca5a5;font-size:.85rem}.reg-btn-row{display:flex;gap:12px}.reg-back-btn{padding:13px 24px;background-color:transparent;border:1px solid #1e3a5f;border-radius:10px;color:#475569;font-size:.92rem;cursor:pointer;font-family:Segoe UI,sans-serif;transition:border-color .2s}.reg-back-btn:hover{border-color:#38bdf8}.reg-next-btn{flex:1;padding:13px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#020c1b;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:Segoe UI,sans-serif;box-shadow:0 4px 20px #0ea5e959;transition:transform .2s,opacity .2s}.reg-next-btn:disabled{opacity:.4;cursor:not-allowed}.reg-next-btn:hover:not(:disabled){transform:translateY(-2px)}.owner-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.owner-popup-box{background:#0f172a;padding:25px;border-radius:12px;width:350px;box-shadow:0 20px 50px #00000080;border:1px solid #1e293b;z-index:10000}.owner-popup-title{margin-bottom:15px;color:#fff}.owner-popup-input{margin-bottom:15px}.owner-popup-actions{display:flex;justify-content:space-between}.owner-popup-btn{padding:8px 15px;border-radius:6px;border:none;color:#fff;cursor:pointer;transition:.2s ease}.owner-popup-btn:hover{opacity:.9}.cancel-btn{background:#334155}.verify-btn{background:#10b981}.reg-submit-btn{flex:1;padding:13px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:Segoe UI,sans-serif;box-shadow:0 4px 20px #10b98159;transition:transform .2s,opacity .2s}.reg-submit-btn:disabled{opacity:.4;cursor:not-allowed}.reg-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.reg-bottom-text{font-size:.85rem;color:#334155;z-index:1;margin:0}.reg-bottom-link{color:#38bdf8;text-decoration:none;font-weight:600}.reg-bottom-link:hover{text-decoration:underline}.uploader-container{min-height:calc(100vh - 60px);background:#071b2d;padding:0 10px;display:flex;justify-content:center;align-items:center}.uploader-card{max-width:500px;border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 0 50px #00aeff33}.uploader-label{letter-spacing:4px;font-size:14px;color:#38bdf8;margin-bottom:20px}.uploader-title{font-size:26px;font-weight:600;color:#fff;margin-bottom:0}.plus-button{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#1ea7ff,#00d4ff);border:none;font-size:42px;color:#fff;cursor:pointer;box-shadow:0 0 30px #00c8ff66;transition:.3s ease}.plus-button:hover{transform:scale(1.1);box-shadow:0 0 20px #00c8ffb3}.main-layout{display:flex;width:100%;height:calc(100vh - 120px);gap:30px}.uploader-sidebar{width:320px;background:#081f35;border-radius:15px;padding:10px;display:flex;flex-direction:column}.uploader-sidebar-header{display:flex;justify-content:space-between;font-weight:600;color:#07f8d8;margin-bottom:10px}.uploader-image-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.uploader-image-item{display:flex;gap:8px;padding:4px;border-radius:8px;cursor:pointer;transition:.2s ease}.uploader-image-item:hover{background:#00aaff26}.uploader-image-item--selected{background:#00aaff40;border-left:4px solid #38bdf8}.uploader-image-name{color:#38bdf8;font-weight:600}.uploader-image-filename{color:#cbd5e1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:15px}.page-btn{background:#0d2a45;border:1px solid #1ea7ff;color:#1ea7ff;padding:3px 6px;border-radius:6px;cursor:pointer}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#7d7e80}.upload-folder-btn{width:100%;padding:6px 0;background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:.5px;margin:5px 0;transition:opacity .2s,transform .15s;box-shadow:0 4px 20px #0ea5e959}.upload-folder-btn:hover{opacity:.9;transform:translateY(-1px)}.image-viewer{flex:1;background:#081f35;border-radius:15px;padding:4px;display:flex;flex-direction:column}.image-viewer-area{flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:0}.image-viewer-img{width:auto;height:auto;max-width:75%;max-height:70vh;object-fit:contain;border-radius:15px;box-shadow:0 0 30px #ff780066;display:block}.image-viewer-info{margin-top:2px;align-self:center;color:#7d7e80;font-size:14px}.image-viewer-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:10px}.image-viewer-btn{background:#0d2a45;border:1px solid #1ea7ff;color:#1ea7ff;padding:8px 15px;border-radius:8px;cursor:pointer}.image-viewer-counter{color:#7d7e80}.upload-status{margin-left:auto}.progress-ring{width:22px;height:22px;border-radius:50%;border:3px solid #0ea5e9;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:#0ea5e9}.progress-ring.done{border-color:#10b981;padding:0;color:#fff}.topbar{display:flex;align-items:center;gap:1rem;padding:.3rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-logos img{height:45px;width:50px;border:2px solid rgba(56,189,248,.4);background-color:#fff;box-shadow:0 0 16px #38bdf833;object-fit:contain;border-radius:4px}.topbar .brand{font-size:1rem;color:#38bdf8;letter-spacing:1px;font-weight:600}.viewer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:1rem}.stage{position:relative;width:100%;max-width:720px;overflow:hidden;border-radius:8px}.img-wrap{position:relative;display:flex;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}.img-wrap img{max-width:100%;max-height:calc(100vh - 220px);border-radius:8px;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;cursor:crosshair;border:2px solid transparent;transition:border-color .2s}.nav-arrows{display:flex;gap:1rem;margin-top:.8rem;align-items:center}.nav-btn svg{width:18px;height:18px}.img-filename{margin-top:.5rem;font-size:.82rem;color:var(--muted);text-align:center}.analysis-btns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;padding:.6rem 1rem;margin-top:.4rem;max-width:860px;width:100%}.detail-image-tabs{display:flex;gap:.5rem;margin-bottom:.8rem}#root{display:flex;flex-direction:column;flex:1;height:100vh;width:100vw;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--surface2: #21262d;--border: #30363d;--accent: #4493f8;--accent-h: #2c76e0;--success: #3fb950;--warn: #d29922;--danger: #f85149;--text: #e6edf3;--muted: #7d8590;--radius: 10px;--shadow: 0 8px 32px rgba(0, 0, 0, .55)}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden;display:flex;flex-direction:column}.screen{display:none;flex-direction:column;flex:1;overflow:hidden}.screen.active{display:flex}#s-login{align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a2744,#0d1117 70%)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;width:340px;box-shadow:var(--shadow)}.login-card .logo{text-align:center;margin-bottom:1.8rem}.login-card .logo-images{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem}.login-card .logo-images img{height:55px;width:auto;object-fit:contain;border-radius:4px}.login-card .logo h1{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;color:var(--accent)}.login-card .logo p{font-size:.78rem;color:var(--muted);margin-top:.3rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.4rem}.form-group input{width:100%;padding:.6rem .9rem;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s}.form-group input:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:6px;border:none;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-primary:hover{background:var(--accent-h)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.error-msg{margin-top:.7rem;font-size:.8rem;color:var(--danger);text-align:center;min-height:1.2rem}#s-folder{align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a2744,#0d1117 70%)}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;width:520px;box-shadow:var(--shadow)}.folder-card h2{font-size:1.15rem;margin-bottom:.4rem}.folder-card p{font-size:.82rem;color:var(--muted);margin-bottom:1.4rem}.folder-row{display:flex;gap:.6rem;margin-bottom:1.2rem}.folder-row input{flex:1;padding:.6rem .9rem;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;outline:none}.folder-row input:focus{border-color:var(--accent)}.folder-row .btn{white-space:nowrap}#s-main{flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.topbar-logos{display:flex;align-items:center;gap:.5rem}.topbar-logos img{height:32px;width:auto;object-fit:contain;border-radius:4px}.topbar .brand{font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:-.3px}.topbar .sep{width:1px;height:1.2rem;background:var(--border)}.topbar .folder-info{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:240px}.patient-nav{display:flex;align-items:center;gap:.45rem;flex:1;justify-content:center;min-width:0}.patient-nav.hidden{display:none}.patient-nav-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.patient-select{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.82rem;padding:.28rem .6rem;outline:none;cursor:pointer;max-width:160px;transition:border-color .15s}.patient-select:focus{border-color:var(--accent)}.patient-nav-btn{background:var(--surface2);border:1px solid var(--border);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);flex-shrink:0;transition:border-color .15s,background .15s}.patient-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.patient-nav-btn:disabled{opacity:.3;cursor:default}.patient-nav-btn svg{width:14px;height:14px}.patient-nav-btn svg,.nav-btn svg,.fv-action-btn svg,.flicker-back-btn svg{display:block!important;width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none;overflow:visible;opacity:1!important}.patient-counter{font-size:.72rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.topbar .user-badge{font-size:.78rem;color:var(--muted);background:var(--surface2);border:1px solid var(--border);padding:.25rem .7rem;border-radius:20px}.main-body{display:flex;flex:1;overflow:hidden}.viewer{flex:1;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;padding:.5rem 1rem}.stage{position:relative;width:100%;max-width:720px;overflow:hidden;border-radius:8px;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.img-wrap{position:relative;display:flex;justify-content:center;max-height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}.img-wrap.slide-out-left{transform:translate(-110%);opacity:0}.img-wrap.slide-out-right,.img-wrap.slide-in-right{transform:translate(110%);opacity:0}.img-wrap.slide-in-left{transform:translate(-110%);opacity:0}.img-wrap.slide-in-center{transform:translate(0);opacity:1}.img-wrap img{max-width:100%;max-height:100%;border-radius:8px;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;cursor:crosshair;border:2px solid transparent;transition:border-color .2s}.img-wrap img:hover{border-color:var(--accent)}.diagnose-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#4493f81f;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s;font-size:.85rem;color:#fff;gap:.4rem;text-shadow:0 1px 4px rgba(0,0,0,.7)}.img-wrap:hover .diagnose-hint{opacity:1}.diagnose-hint svg{width:32px;height:32px;opacity:.9}.nav-arrows{display:flex;gap:1rem;margin-top:.5rem;align-items:center;flex-shrink:0}.nav-btn{background:var(--surface2);border:1px solid var(--border);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:border-color .15s,background .15s}.nav-btn:hover{border-color:var(--accent);background:var(--surface)}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn svg{width:18px;height:18px;display:block!important;stroke:currentColor;fill:none;overflow:visible;opacity:1!important}.img-counter{font-size:.8rem;color:var(--muted);text-align:center;min-width:90px}.img-filename{margin-top:.25rem;font-size:.82rem;color:var(--muted);text-align:center;flex-shrink:0}.empty-state{text-align:center;color:var(--muted);display:none}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.4}.empty-state h3{font-size:1rem;margin-bottom:.4rem}.empty-state p{font-size:.82rem}.analysis-btns{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;align-items:center;padding:.4rem 1rem;margin-top:.25rem;max-width:860px;width:100%;flex-shrink:0}.analysis-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .85rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.74rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap;position:relative}.analysis-btn:hover{border-color:var(--accent);color:var(--accent)}.analysis-btn:active{transform:scale(.97)}.analysis-btn.primary-action{background:#4493f81a;border-color:var(--accent);color:var(--accent)}.analysis-btn.primary-action:hover{background:var(--accent);color:#fff}.analysis-btn.primary-action:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.analysis-btn.soon{color:var(--muted);border-color:var(--border);cursor:not-allowed}.analysis-btn.soon:hover{border-color:var(--warn);color:var(--warn)}.soon-badge{font-size:.6rem;font-weight:700;background:#d299222e;color:var(--warn);border-radius:4px;padding:.05rem .32rem;letter-spacing:.03em;text-transform:uppercase}.cs-modal-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:1000;align-items:center;justify-content:center}.cs-modal-overlay.active{display:flex}.cs-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 2.2rem;max-width:380px;width:90%;box-shadow:var(--shadow);text-align:center;animation:fadein .2s ease}.cs-modal-icon{font-size:2.2rem;margin-bottom:.6rem}.cs-modal h3{font-size:1.05rem;font-weight:700;margin-bottom:.4rem;color:var(--warn)}.cs-modal p{font-size:.84rem;color:var(--muted);margin-bottom:1.2rem;line-height:1.5}.cs-modal-feature{font-size:.78rem;font-weight:600;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.4rem .8rem;display:inline-block;margin-bottom:1.2rem}.task-panel{width:220px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.task-panel-head{padding:.7rem 1rem;font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);flex-shrink:0}.task-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.6rem}.task-list::-webkit-scrollbar{width:4px}.task-list::-webkit-scrollbar-track{background:transparent}.task-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.task-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.7rem .8rem;display:flex;align-items:center;gap:.7rem;animation:fadein .3s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.task-card .tc-info{flex:1;min-width:0}.task-card .tc-name{font-size:.76rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.task-card .tc-stage{font-size:.7rem;color:var(--muted);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ring-wrap{position:relative;flex-shrink:0;width:44px;height:44px}.ring-wrap svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border);stroke-width:3.5}.ring-fill{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ring-fill.done{stroke:var(--success)}.ring-fill.error{stroke:var(--danger)}.ring-fill.warn{stroke:var(--warn)}.ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--text)}.tc-metrics{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.tc-metric-pill{display:inline-flex;align-items:center;gap:.22rem;font-size:.62rem;font-weight:600;padding:.1rem .42rem;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap}.tc-metric-pill.ram{border-color:#4493f866;color:var(--accent)}.tc-metric-pill.gpu{border-color:#22c55e66;color:var(--success)}.tc-metric-pill.time{border-color:#d2992266;color:var(--warn)}.tc-metric-pill svg{flex-shrink:0}.flag-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:.12rem .45rem;border-radius:20px;margin-top:.3rem}.flag-badge.Normal{background:#3fb95026;color:var(--success)}.flag-badge.Suspicious{background:#d2992226;color:var(--warn)}.flag-badge.Likely-glaucomatous{background:#f8514926;color:var(--danger)}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.model-banner{display:flex;align-items:center;gap:.7rem;padding:.45rem 1.2rem;background:#d299221f;border-bottom:1px solid rgba(210,153,34,.3);font-size:.8rem;color:var(--warn);flex-shrink:0;transition:opacity .4s}.model-banner.hidden{display:none}.model-banner .mb-spinner{width:13px;height:13px;border:2px solid rgba(210,153,34,.3);border-top-color:var(--warn);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.model-banner.ready{background:#3fb9501a;border-bottom-color:#3fb95040;color:var(--success)}.viewer.model-loading #stage{opacity:.45;pointer-events:none}.viewer.model-loading .nav-btn{pointer-events:none;opacity:.4}.detail-view{display:none;flex:1;flex-direction:row;overflow:hidden;background:var(--bg)}.detail-view.active{display:flex}.detail-image-pane{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;min-width:0}.detail-image-pane img{max-width:100%;max-height:calc(100vh - 160px);border-radius:10px;object-fit:contain;border:2px solid var(--border);box-shadow:0 6px 24px #00000080}.detail-image-label{margin-top:.8rem;font-size:.82rem;color:var(--muted);text-align:center}.detail-image-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.8rem}.detail-tab-btn{padding:.4rem 1rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:.8rem;cursor:pointer;transition:all .15s}.detail-tab-btn:hover{border-color:var(--accent);color:var(--accent)}.detail-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.detail-tab-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border);color:var(--muted)}.detail-tab-btn:disabled:hover{border-color:var(--border);color:var(--muted)}.detail-report-pane{width:340px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;padding:1.2rem}.detail-report-pane::-webkit-scrollbar{width:4px}.detail-report-pane::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.detail-back-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--accent);background:none;border:none;cursor:pointer;margin-bottom:1rem;padding:0;transition:opacity .15s}.detail-back-btn:hover{opacity:.75}.detail-back-btn svg{width:16px;height:16px}.report-title{font-size:1.05rem;font-weight:700;margin-bottom:.3rem}.report-subtitle{font-size:.78rem;color:var(--muted);margin-bottom:1.2rem}.report-section{margin-bottom:1.2rem}.report-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.6rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.report-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.84rem}.report-row .label{color:var(--muted)}.report-row .value{font-weight:600}.report-flag{display:inline-block;font-size:.82rem;font-weight:700;padding:.4rem .9rem;border-radius:8px;text-align:center;width:100%;margin-top:.2rem}.report-flag.Normal{background:#3fb9501f;color:var(--success);border:1px solid rgba(63,185,80,.25)}.report-flag.Suspicious{background:#d299221f;color:var(--warn);border:1px solid rgba(210,153,34,.25)}.report-flag.Likely-glaucomatous{background:#f851491f;color:var(--danger);border:1px solid rgba(248,81,73,.25)}.report-download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem;margin-top:.6rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.report-download-btn:hover{border-color:var(--accent);color:var(--accent)}.report-download-btn svg{width:15px;height:15px}.task-card.done{cursor:pointer;transition:border-color .15s}.task-card.done:hover{border-color:var(--accent)}.analysis-btn.flicker-action{background:#3fb9501a;border-color:var(--success);color:var(--success)}.analysis-btn.flicker-action:hover{background:var(--success);color:#fff}.flicker-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.flicker-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--muted);text-align:center;padding:2rem}.flicker-empty h3{font-size:1rem;color:var(--text)}.flicker-empty p{font-size:.84rem;max-width:340px}.flicker-top-bar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;overflow-x:auto}.flicker-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.flicker-back-btn:hover{opacity:.75}.flicker-back-btn svg{width:16px;height:16px}.flicker-top-ctrls{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;row-gap:.45rem;flex:1}.flicker-ctrl-group{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.flicker-ctrl-label{font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.flicker-toggle-group{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.flicker-toggle-btn{padding:.3rem .7rem;font-size:.74rem;font-weight:600;border:none;background:var(--surface2);color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.flicker-toggle-btn+.flicker-toggle-btn{border-left:1px solid var(--border)}.flicker-toggle-btn:hover{color:var(--text)}.flicker-toggle-btn.active{background:var(--accent);color:#fff}.flicker-toggle-btn:disabled{opacity:.45;cursor:not-allowed;color:var(--muted)}.flicker-select{padding:.3rem .5rem;font-size:.74rem;font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text);cursor:pointer;outline:none}.flicker-select:focus{border-color:var(--accent)}.flicker-body{flex:1;display:flex;overflow:hidden;min-height:0}.flicker-sidebar{width:210px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;min-height:0}.flicker-sidebar-head{padding:.6rem .8rem;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);flex-shrink:0}.flicker-visit-list{flex:1;overflow-y:auto;padding:.4rem;display:flex;flex-direction:column;gap:.35rem}.flicker-visit-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;padding:.5rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);transition:border-color .15s}.flicker-visit-item.anchor{border-color:var(--accent);background:#4493f814}.flicker-visit-item.compare{border-color:var(--success);background:#3fb95014}.fv-info{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:.28rem}.fv-title-row{display:flex;align-items:center;gap:.35rem;width:100%;min-width:0}.fv-label{font-size:.78rem;font-weight:600;color:var(--text);line-height:1.15}.fv-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem .35rem}.fv-size{display:inline-flex;align-items:center;padding:.08rem .42rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:.62rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.fv-size.pending{opacity:.72}.fv-badge{font-size:.58rem;font-weight:700;padding:.1rem .3rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.fv-badge.anchor-badge{background:#4493f82e;color:var(--accent)}.fv-badge.comp-badge{background:#3fb9502e;color:var(--success)}.fv-badge.seg-badge.ready{background:#4493f826;color:#7db7ff}.fv-badge.seg-badge.missing{background:#f05a5a2e;color:#f3a8a8}.fv-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem;width:50px;flex-shrink:0}.fv-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);cursor:pointer;transition:all .15s}.fv-action-btn:hover{border-color:var(--accent);color:var(--accent)}.fv-action-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.flicker-sidebar-section{border-top:1px solid var(--border);padding:.4rem}.flicker-play-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.5rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:.5rem}.flicker-play-btn:hover{border-color:var(--success);color:var(--success)}.flicker-play-btn.active{background:#3fb95026;border-color:var(--success);color:var(--success)}.flicker-slider-row{display:flex;align-items:center;gap:.4rem;padding:.2rem 0}.flicker-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:4px;outline:none}.flicker-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.flicker-slider:disabled{opacity:.4}.flicker-val{font-size:.68rem;font-weight:600;color:var(--muted);min-width:40px;text-align:right}.flicker-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;gap:.85rem;padding:.85rem 1rem;min-width:0}.flicker-aligning{position:absolute;top:.6rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:.78rem;color:var(--warn);z-index:10;animation:fadein .3s ease}.flicker-viewport{position:relative;flex:0 1 auto;width:min(720px,calc(100dvw - 360px),calc(100dvh - 230px));height:min(720px,calc(100dvw - 360px),calc(100dvh - 230px));display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;box-shadow:none;overflow:hidden}.flicker-status-pill{position:absolute;top:.2rem;right:.2rem;z-index:3;padding:.28rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#0d111794;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flicker-status-pill.ready{border-color:#3fb95042;color:var(--success)}.flicker-seg-note{position:absolute;top:2.2rem;right:.2rem;z-index:3;max-width:300px;padding:.3rem .55rem;border-radius:6px;border:1px solid rgba(240,90,90,.28);background:#280e0eb3;color:#f3c1c1;font-size:.66rem;line-height:1.3}.flicker-canvas{position:relative;flex:0 1 auto;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;padding:0}.flicker-img{grid-area:1 / 1;width:100%;height:100%;border-radius:8px;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;transform-origin:center center;transition:opacity .15s ease,transform .15s ease}.flicker-img.anchor-img{z-index:1}.flicker-img.overlay-img{z-index:2}.flicker-stage-footer{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:0;flex-shrink:0;width:100%;max-width:980px}.flicker-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;white-space:nowrap}.flicker-label.hidden{visibility:hidden}.flicker-label.anchor-label{color:var(--accent)}.flicker-label.comp-label{color:var(--success)}.flicker-opacity-ctrl{display:flex;align-items:center;gap:.5rem;flex:1;min-width:240px;max-width:360px}.flicker-seg-mode{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:center}.flicker-opacity-end{font-size:.65rem;font-weight:600;color:var(--muted);white-space:nowrap}.opacity-slider{flex:1}.rotation-controls{display:flex;flex-direction:column;gap:.45rem;padding:0 .15rem}.adjustment-readout{display:flex;justify-content:center}.adjustment-pill{display:inline-flex;align-items:center;justify-content:center;padding:.24rem .55rem;border-radius:999px;background:#4493f81a;border:1px solid rgba(68,147,248,.18);color:var(--accent);font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.adjustment-pill.ready{background:#3fb9501a;border-color:#3fb9502e;color:var(--success)}.rotation-slider{width:100%}.rotation-btn-grid{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap}.rotation-btn{flex:0 0 auto;padding:.2rem .45rem;font-size:.68rem;font-weight:600;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s ease;font-variant-numeric:tabular-nums}.rotation-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.rotation-btn.reset{color:var(--warn);font-size:.82rem}.rotation-btn.reset:hover{background:var(--warn);color:#fff;border-color:var(--warn)}@media(max-width:1180px){.flicker-body{flex-direction:column}.flicker-sidebar{width:100%;max-height:260px;border-right:none;border-bottom:1px solid var(--border)}.flicker-viewport{width:min(calc(100dvw - 1.8rem),calc(100dvh - 360px),700px);height:min(calc(100dvw - 1.8rem),calc(100dvh - 360px),700px)}}@media(max-width:860px){.flicker-top-bar{align-items:flex-start}.flicker-top-ctrls{flex-wrap:wrap;gap:.75rem}.flicker-stage{padding:.7rem}.flicker-viewport{width:min(calc(100dvw - 1.4rem),calc(100dvh - 310px),640px);height:min(calc(100dvw - 1.4rem),calc(100dvh - 310px),640px)}.flicker-canvas{padding:0}.flicker-status-pill{top:.15rem;right:.15rem}.flicker-stage-footer{gap:.6rem}.flicker-opacity-ctrl{order:3;width:100%;max-width:none}}#root{display:flex;flex-direction:column;flex:1;height:100vh;overflow:hidden}.topbar{flex-wrap:wrap;row-gap:.65rem}.topbar-billing{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;min-width:0;padding:.35rem .55rem;border:1px solid rgba(68,147,248,.18);background:linear-gradient(135deg,#4493f814,#161b22e6);border-radius:12px;box-shadow:0 6px 18px #00000038}.topbar-billing .patient-nav-label{margin-right:.1rem}.topbar-billing-item{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.topbar-billing-value{display:inline-flex;align-items:center;max-width:180px;min-height:28px;padding:.24rem .6rem;border-radius:999px;border:1px solid rgba(125,133,144,.25);background:#21262df2;color:var(--text);font-size:.78rem;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-billing-value.hospital{max-width:220px;color:#dbeafe;border-color:#4493f847;background:#4493f81f}.topbar-billing-value.charge{color:#e0e7ff;border-color:#a855f73d;background:#a855f71a}.topbar-billing-status{display:inline-flex;align-items:center;min-height:28px;padding:.24rem .7rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.topbar-billing-status.low{color:#fbbf24;background:#d2992224;border-color:#d2992247}.topbar-billing-status.zero{color:#fecaca;background:#f8514924;border-color:#f8514952}@media(max-width:1280px){.topbar .folder-info{max-width:180px}.topbar-billing{width:100%;justify-content:flex-start}}@media(max-width:980px){.topbar{align-items:flex-start}.patient-nav{justify-content:flex-start;width:100%}.topbar-billing{width:100%}}@media(max-width:720px){.topbar-billing-item{width:100%}.topbar-billing-value,.topbar-billing-value.hospital{max-width:100%}}.an-tools{width:20%;background-color:#071224;display:flex;flex-direction:column;height:100%;overflow-y:auto;flex-shrink:0}.an-tools::-webkit-scrollbar{width:4px}.an-tools::-webkit-scrollbar-track{background:transparent}.an-tools::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:4px}.an-tools-header{padding:16px 14px;border-bottom:1px solid rgba(56,189,248,.08);flex-shrink:0}.an-tools-label{font-size:.72rem;color:#38bdf8;font-weight:700;letter-spacing:2px;text-transform:uppercase}.an-tools-status{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(56,189,248,.06);flex-shrink:0}.an-tools-status-label{font-size:.78rem;color:#475569;font-weight:700}.an-tools-status-value{font-size:.82rem;font-weight:600}.an-status--partial{color:#10b981}.an-status--none{color:#f59e0b}.an-tools-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.an-tools-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(56,189,248,.06);transition:background-color .15s}.an-tools-item:hover{background-color:#0ea5e90d}.an-tools-item--active{background-color:#0ea5e91f;border-left:2px solid #38bdf8}.an-tools-item-name{font-size:.85rem;color:#e2e8f0;font-weight:500}.an-tools-item-btn{width:26px;height:26px;border-radius:6px;background:#0ea5e91f;border:1px solid rgba(56,189,248,.25);color:#38bdf8;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.an-tools-item-btn:hover{background:#0ea5e940;border-color:#38bdf8}.an-tools-item-btn--open{background:#ef444426;border-color:#ef444466;color:#ef4444}.an-coordinates-section{padding:8px 14px;background-color:#0ea5e90a;border-bottom:1px solid rgba(56,189,248,.06)}.an-coordinates-header{font-size:.7rem;color:#38bdf8;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.an-coordinates-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.an-coordinate-item{display:flex;align-items:center;gap:6px}.an-coordinate-type{font-size:.75rem;color:#f59e0b;font-weight:700;min-width:24px}.an-coordinate-values{font-size:.75rem;color:#64748b}.rnfl-panel,.haem-panel{padding:10px 12px;background-color:#0ea5e90a;border-bottom:1px solid rgba(56,189,248,.08);display:flex;flex-direction:column}.rnfl-panel{gap:8px}.haem-panel{gap:10px}.rnfl-row{display:flex;gap:8px}.rnfl-field{display:flex;flex-direction:column;gap:4px;flex:1;position:relative}.rnfl-field--full{flex:unset}.rnfl-label{font-size:.7rem;color:#475569;font-weight:600;letter-spacing:.5px}.rnfl-select,.haem-select{display:flex;align-items:center;justify-content:space-between;background-color:#0c1e35;border:1px solid rgba(56,189,248,.2);border-radius:6px;color:#e2e8f0;cursor:pointer;transition:border-color .2s}.rnfl-select{padding:5px 8px;font-size:.75rem}.haem-select{padding:6px 8px;font-size:.78rem}.rnfl-select:hover,.haem-select:hover{border-color:#38bdf8}.rnfl-select--full{width:100%}.rnfl-arrow,.haem-arrow{font-size:.6rem;color:#475569}.rnfl-options,.haem-options{list-style:none;padding:4px 0;background-color:#0c1e35;border:1px solid rgba(56,189,248,.2);border-radius:6px;max-height:160px;overflow-y:auto}.rnfl-options{position:absolute;top:100%;left:0;right:0;margin:2px 0 0;z-index:10}.haem-options{margin:4px 0 0}.rnfl-options--full{width:100%}.rnfl-option,.haem-option{padding:6px 10px;font-size:.78rem;color:#e2e8f0;cursor:pointer;transition:background-color .15s}.rnfl-option:hover,.haem-option:hover{background-color:#0ea5e91f}.haem-section{display:flex;flex-direction:column;gap:6px}.haem-section-title{font-size:.7rem;color:#475569;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.haem-draw-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0ea5e91a;border:1px solid rgba(56,189,248,.2);border-radius:6px;color:#38bdf8;font-size:.78rem;cursor:pointer;transition:all .2s;width:fit-content}.haem-draw-btn:hover{background:#0ea5e933}.haem-draw-btn--active{background:#10b98126;border-color:#10b981;color:#10b981}.an-submit-wrapper{padding:16px 14px;margin-top:auto;flex-shrink:0}.an-submit-btn{width:100%;padding:12px 0;background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:opacity .2s,transform .15s;box-shadow:0 4px 20px #0ea5e959}.an-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.an-submit-btn:active{transform:translateY(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#ffffff0d;border-radius:4px;margin-bottom:4px}.panel-title{font-size:12px;font-weight:600;color:#94a3b8}.panel-minus-btn{background:none;border:1px solid #475569;color:#94a3b8;border-radius:4px;width:20px;height:20px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.panel-minus-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.panel-header--active{border-left:2px solid #3b82f6}.slot-panel--active{border:1px solid rgba(59,130,246,.3)}.slot-count-badge{font-size:.7rem;color:#64748b;margin-left:6px}.slot-list-wrapper{padding:0 0 4px}.slot-scroll{display:flex;flex-direction:column;gap:4px}.slot-item{display:flex;flex-direction:column}.annotator-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:#020c1b}.annotator-card{background:#ffffff08;border:1px solid rgba(56,189,248,.12);border-radius:18px;padding:48px 52px;box-shadow:0 8px 40px #00000073;min-width:460px;text-align:center}.annotator-label{font-size:.72rem;color:#38bdf8;letter-spacing:2px;font-weight:700;margin-bottom:12px;text-transform:uppercase}.annotator-title{font-size:1.4rem;font-weight:700;color:#f0f9ff;margin-bottom:20px;font-family:Georgia,serif}.hidden-input{display:none}.plus-button{width:70px;height:70px;border-radius:50%;background:#0ea5e9;color:#fff;border:none;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:20px auto;transition:all .2s;box-shadow:0 6px 20px #0ea5e966}.plus-button:hover{transform:scale(1.05);background:#0284c7}.an-layout{display:flex;flex:1;height:calc(100vh - 60px);overflow:hidden;background-color:#020c1b}.an-sidebar{width:20%;min-width:180px;background-color:#071224;border-right:1px solid rgba(56,189,248,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;flex-shrink:0}.an-sidebar-header{padding:16px 14px 10px;border-bottom:1px solid rgba(56,189,248,.08);display:flex;justify-content:space-between;gap:4px;flex-shrink:0}.an-sidebar-folder-name{font-size:.85rem;color:#38bdf8;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-sidebar-count{font-size:.75rem;color:#475569}.an-sidebar-search-wrap{padding:10px 14px;border-bottom:1px solid rgba(56,189,248,.06);flex-shrink:0}.an-sidebar-search{width:100%;background:#020c1be6;border:1px solid rgba(56,189,248,.2);border-radius:8px;color:#cbd5e1;font-size:.8rem;padding:8px 10px;outline:none}.an-sidebar-search::placeholder{color:#64748b}.an-sidebar-search:focus{border-color:#38bdf88c;box-shadow:0 0 0 2px #38bdf826}.an-legend{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;color:#475569;border-bottom:1px solid rgba(56,189,248,.06);flex-shrink:0}.an-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.an-dot--green{background-color:#10b981;box-shadow:0 0 5px #10b98199}.an-dot--yellow{background-color:#f59e0b;box-shadow:0 0 5px #f59e0b99}.an-image-list{list-style:none;margin:0;padding:6px 0 0;overflow-y:auto;flex:1}.an-image-item{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid rgba(255,255,255,.03)}.an-image-item:hover{background-color:#0ea5e912}.an-image-item--selected{background-color:#0ea5e926;border-left:2px solid #38bdf8}.an-image-name{font-size:.82rem;color:#38bdf8;font-weight:700;min-width:28px;flex-shrink:0}.an-image-filename{font-size:.78rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.an-empty-search{padding:12px 14px;font-size:.78rem;color:#64748b}.an-pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(56,189,248,.08);flex-shrink:0;background-color:#071224}.an-page-btn{background:#0ea5e91a;color:#38bdf8;border:1px solid rgba(56,189,248,.2);border-radius:6px;padding:5px 10px;font-size:.78rem;cursor:pointer;transition:all .2s}.an-page-info{font-size:.78rem;color:#64748b}.an-viewer{flex:1;display:flex;flex-direction:column;height:100%;background-color:#020c1b;border-right:1px solid rgba(56,189,248,.08);overflow:hidden;align-items:stretch}.an-viewer-image-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px;position:relative;-webkit-user-select:none;user-select:none}.an-viewer-img{display:block;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.an-image-label-center{text-align:center;font-size:.8rem;color:#64748b;padding:6px 16px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.an-viewer-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px 16px;border-top:1px solid rgba(56,189,248,.08);background-color:#071224}.an-viewer-btn{background:#0ea5e91a;color:#38bdf8;border:1px solid rgba(56,189,248,.25);border-radius:8px;padding:4px 12px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s}.an-viewer-counter{font-size:.88rem;color:#64748b}.an-svg-shape{fill:#0ea5e91f;stroke:#0ea5e9;stroke-width:2;stroke-dasharray:6 3;stroke-linecap:round;stroke-linejoin:round}.an-svg-shape--hovered{fill:#38bdf838;stroke:#38bdf8;stroke-width:2.5}.an-svg-preview{fill:none;stroke:#38bdf8;stroke-width:2;stroke-dasharray:5 3;stroke-linecap:round;opacity:.85}.an-edit-handle{fill:#fff;stroke:#0ea5e9;stroke-width:2;pointer-events:none}.an-edit-handle--active{fill:#fbbf24;stroke:#f59e0b;stroke-width:2.5}.an-edit-fovea{fill:#f59e0b;stroke:#fff;stroke-width:2;pointer-events:none}.an-edit-fovea--hovered{fill:#fcd34d;stroke:#fff;stroke-width:2.5}.download-annotations-btn{width:100%;padding:10px 0;background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer}.anno-editor-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999999}.anno-editor-modal{width:92vw;height:92vh;background:#0f172a;border:1px solid rgba(56,189,248,.25);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 30px #0006;z-index:1000000}.anno-editor-header{padding:14px 20px;font-size:18px;font-weight:600;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.08);background:#111827;flex-shrink:0}.anno-editor-canvas-container{flex:1;overflow:auto;display:flex;justify-content:center;align-items:center;background:#020617;padding:20px}.anno-editor-modal canvas{background:#000;border:1px solid rgba(255,255,255,.08);max-width:100%;max-height:100%;cursor:crosshair}.anno-editor-actions{padding:14px 18px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(255,255,255,.08);background:#111827;flex-shrink:0}.anno-editor-actions button{border:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.anno-editor-actions button:first-child{background:#0ea5e9;color:#fff}.anno-editor-actions button:first-child:hover{background:#0284c7}.anno-editor-actions button:last-child{background:#334155;color:#fff}.anno-editor-actions button:last-child:hover{background:#475569}.anno-editor-canvas-container::-webkit-scrollbar{width:10px;height:10px}.anno-editor-canvas-container::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.anno-editor-canvas-container::-webkit-scrollbar-track{background:#0f172a}.anno-saving-overlay{position:absolute;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:99999}.anno-saving-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 36px;border-radius:16px;background:#111827;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000059}.anno-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:#ffd54f;animation:anno-spin .8s linear infinite}.anno-saving-text{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px}@keyframes anno-spin{to{transform:rotate(360deg)}}.vd-root{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#020c1b;font-family:Segoe UI,sans-serif;overflow:hidden;margin:0;padding:0;box-sizing:border-box;color:#e2e8f0}.vd-body{display:flex;flex:1;overflow:hidden}.vd-main{flex:1;overflow-y:auto;padding:28px 32px;background-color:#020c1b}.vd-page-title{font-size:2rem;font-weight:700;color:#f0f9ff;font-family:Georgia,serif;margin:0 0 24px;letter-spacing:.5px}.vd-table-wrapper{background-color:#071224;border-radius:16px;border:1px solid rgba(255,255,255,.06);padding:24px}.vd-table-title{font-size:1rem;font-weight:700;color:#f0f9ff;margin:0 0 20px}.vd-table{width:100%;border-collapse:separate;border-spacing:0}.vd-table th{text-align:left;padding:10px 14px;font-size:.78rem;font-weight:700;color:#38bdf8;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(56,189,248,.15)}.vd-table td{padding:14px;font-size:.88rem;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.vd-table tr:last-child td{border-bottom:none}.vd-table tr:hover td{background-color:#0ea5e90a}.vd-table-empty{text-align:center;color:#1e3a5f;padding:40px 0;font-size:.9rem}.vd-action-btn{padding:5px 14px;font-size:.8rem;font-weight:600;color:#38bdf8;background-color:#0ea5e914;border:1px solid rgba(56,189,248,.25);border-radius:6px;cursor:pointer;transition:all .2s}.vd-action-btn:hover{background-color:#0ea5e92e}.vd-btn-group{display:flex;gap:6px}.vd-accept-btn{padding:5px 12px;font-size:.8rem;font-weight:600;color:#10b981;background-color:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:6px;cursor:pointer;transition:all .2s}.vd-accept-btn:hover{background-color:#10b98133}.vd-reject-btn{padding:5px 12px;font-size:.8rem;font-weight:600;color:#ef4444;background-color:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;transition:all .2s}.vd-reject-btn:hover{background-color:#ef444433}.vd-action-done{color:#334155;font-size:.9rem}.vd-status{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.4px}.vd-status-pending{color:#eab308;background-color:#eab3081a;border:1px solid rgba(234,179,8,.25)}.vd-status-validated{color:#10b981;background-color:#10b9811a;border:1px solid rgba(16,185,129,.25)}.vd-status-rejected{color:#ef4444;background-color:#ef44441a;border:1px solid rgba(239,68,68,.25)}.vd-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.vd-page-btn{padding:5px 12px;font-size:.82rem;font-weight:600;color:#64748b;background-color:transparent;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .2s}.vd-page-btn:hover:not(:disabled){color:#38bdf8;border-color:#38bdf84d}.vd-page-btn:disabled{opacity:.3;cursor:default}.vd-page-active{color:#38bdf8!important;border-color:#38bdf866!important;background-color:#0ea5e914}.vd-popup-overlay{position:fixed;inset:0;background-color:#020c1beb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;background-color:#000;z-index:1000}.vd-view-modal{background-color:#071224;border:none;box-shadow:none;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;border-radius:0}.vd-popup-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 32px;border-bottom:1px solid rgba(56,189,248,.15);flex-shrink:0;background-color:#071224}.vd-popup-title{font-size:1.15rem;font-weight:700;color:#f0f9ff;margin:0}.vd-view-filename{font-size:.78rem;color:#64748b;margin:4px 0 0;word-break:break-all}.vd-popup-close{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#ef4444;font-size:1.2rem;cursor:pointer;padding:6px 14px;border-radius:8px;line-height:1;transition:all .2s;flex-shrink:0;font-weight:700}.vd-popup-close:hover{background-color:#ef444438}.vd-view-body{padding:12px 24px 16px;display:flex;flex-direction:column;flex:1;overflow:hidden;gap:0;min-height:0}.vd-table-header{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:1rem;font-weight:700;color:#38bdf8;padding:10px 16px;border-bottom:2px solid rgba(56,189,248,.3);margin-bottom:12px;background:#38bdf80d;border-radius:8px 8px 0 0;flex-shrink:0}.vd-header-left{text-align:left}.vd-header-right{text-align:right}.vd-loading{padding:60px;text-align:center;color:#64748b;font-size:.9rem}.vd-tools-wrapper{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;min-height:0}.vd-tools-wrapper::-webkit-scrollbar{width:6px}.vd-tools-wrapper::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.vd-tools-wrapper::-webkit-scrollbar-thumb{background:#38bdf859;border-radius:3px}.vd-tool-block{display:flex;flex-direction:column;height:calc(100vh - 160px);max-height:calc(100vh - 160px);padding:12px 0 20px;border-bottom:2px solid rgba(56,189,248,.12);flex-shrink:0}.vd-tool-block:last-child{border-bottom:none}.vd-tool-name{font-size:.92rem;font-weight:700;color:#f0f9ff;letter-spacing:.4px;padding-bottom:8px;border-bottom:1px solid rgba(56,189,248,.12);margin-bottom:10px;flex-shrink:0}.vd-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}.vd-cell{background:#00000080;border:1px solid rgba(56,189,248,.15);border-radius:12px;padding:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:border-color .2s;min-height:0}.vd-cell:hover{border-color:#38bdf866}.vd-no-data{font-size:.88rem;color:#475569;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;padding:20px;flex:1}.vd-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.vd-zoom-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;position:relative}.vd-zoom-controls{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#071224f7;border-bottom:1px solid rgba(56,189,248,.12);flex-shrink:0;z-index:1}.vd-zoom-btn{width:28px;height:28px;border-radius:6px;background:#0ea5e91a;border:1px solid rgba(56,189,248,.25);color:#38bdf8;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1}.vd-zoom-btn:hover:not(:disabled){background:#0ea5e940;border-color:#38bdf8}.vd-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.vd-zoom-reset{font-size:.9rem}.vd-fullscreen-btn{font-size:1rem;margin-left:4px}.vd-zoom-label{font-size:.75rem;color:#64748b;font-weight:600;min-width:38px;text-align:center}.vd-zoom-hint{font-size:.72rem;color:#38bdf8;opacity:.7;margin-left:4px}.vd-zoom-canvas{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.vd-json-block{margin:0;padding:16px 18px;background-color:#020c1b;border:1px solid rgba(56,189,248,.1);border-radius:10px;font-family:Consolas,Courier New,monospace;font-size:.82rem;line-height:1.7;color:#7dd3fc;overflow-x:auto;white-space:pre}.vd-tool-image-block{background-color:#020c1b;border:1px solid rgba(56,189,248,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.vd-tool-label{margin:0;padding:8px 12px;font-size:.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#38bdf8;background-color:#0ea5e90f;border-bottom:1px solid rgba(56,189,248,.1)}.vd-tool-image{width:100%;height:auto;display:block;object-fit:contain}.vd-tool-no-image{margin:0;padding:32px 12px;text-align:center;font-size:.82rem;color:#334155;flex:1;display:flex;align-items:center;justify-content:center}.vd-slot-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;flex-shrink:0}.vd-meta-tag{display:inline-flex;align-items:center;gap:4px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px 8px;font-size:11px}.vd-meta-label{color:#94a3b8;font-weight:500}.vd-meta-value{color:#e2e8f0;font-weight:600}.vd-lightbox-overlay{position:fixed;inset:0;background-color:#000000f5;z-index:2000;display:flex;align-items:center;justify-content:center;background-color:#000}.vd-lightbox-box{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.vd-lightbox-controls{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#071224fa;border-bottom:1px solid rgba(56,189,248,.2);flex-shrink:0}.vd-lightbox-close{margin-left:auto;width:36px;height:36px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.vd-lightbox-close:hover{background:#ef444440;border-color:#ef4444}.vd-lightbox-canvas{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000;min-height:0}.vd-lightbox-img{display:block;-webkit-user-select:none;user-select:none}.vd-image-label-overlay{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#071224d9;border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:20px;pointer-events:none;white-space:nowrap;z-index:2}.vd-image-label-lightbox{top:12px;font-size:.85rem;padding:5px 16px}.annotation-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:99999;padding:20px}.annotation-modal{width:95%;max-width:1300px;max-height:92vh;overflow:hidden;background:#0d0d1a;border:1px solid #23233d;border-radius:18px;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080}.annotation-header{padding:8px 16px;border-bottom:1px solid #23233d;display:flex;justify-content:space-between;align-items:center}.annotation-title{margin:0;color:#fff;font-size:22px;font-weight:700}.annotation-subtitle{margin-top:0;color:#777;font-size:13px}.annotation-close-btn{border:none;background:#1b1b31;color:#f10606;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:14px}.annotation-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;flex-wrap:wrap}.annotation-bulk-download-btn{background:#0ea5e9;color:#fff;border:none;margin-right:10px;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:.2s ease}.annotation-bulk-download-btn:hover:not(:disabled){background:#0284c7}.annotation-bulk-download-btn:disabled{opacity:.5;cursor:not-allowed}.annotation-filters{padding:8px 14px;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #1a1a2f}.annotation-filter-input{background:#111128;border:1px solid #2a2a4a;border-radius:8px;color:#eee;padding:10px 12px;font-size:13px}.annotation-table-wrapper{flex:1;overflow:auto}.annotation-table{width:100%;border-collapse:collapse}.annotation-table thead{position:sticky;top:0;z-index:5;background:#111128}.annotation-th{padding:14px;text-align:left;color:#888;font-size:12px;border-bottom:1px solid #23233d;text-transform:uppercase}.annotation-row{border-bottom:1px solid #171727}.annotation-td{padding:14px;color:#ddd;font-size:13px}.annotation-status-complete{color:#4ade80;font-weight:700}.annotation-status-partial{color:#f59e0b;font-weight:700}.annotation-download-btn{border:none;background:#13233d;color:#60a5fa;border-radius:8px;cursor:pointer;font-size:13px;padding:8px 14px;font-weight:600}.annotation-empty{text-align:center;padding:60px;color:#666}.annotation-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px;border-top:1px solid #1a1a2f}.annotation-page-btn{border:none;background:#1b1b31;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px}.annotation-page-btn:disabled{opacity:.45;cursor:not-allowed}.annotation-page-info{color:#aaa;font-size:13px}.owner-root{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#020c1b;font-family:Segoe UI,sans-serif;overflow:hidden;margin:0;padding:0;box-sizing:border-box;color:#e2e8f0}.owner-body{display:flex;flex:1;overflow:hidden}.owner-main{flex:1;overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:24px;background-color:#020c1b}.owner-welcome-banner{background:linear-gradient(135deg,#0c1e35,#071a2e,#0a1628);border-radius:18px;padding:0 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid rgba(56,189,248,.18);box-shadow:0 4px 30px #0ea5e91f;position:relative;overflow:hidden;min-height:160px}.owner-welcome-banner{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.owner-banner-content{z-index:1;display:flex;flex-direction:column;gap:10px;max-width:680px}.owner-apicost-card{border:1px solid rgba(169,191,200,.3);border-radius:8px;padding:15px}.owner-action-button{margin-top:12px;padding:8px 18px;font-size:16px;background:#10b981;border-radius:8px;cursor:pointer}.stop-buttons,.resume-buttons{display:flex;gap:12px;border:1px solid rgba(169,191,200,.3);padding:5px;border-radius:8px}.stop-buttons button{width:170px;background-color:#b82626;padding:8px}.resume-buttons button{width:170px;background-color:#10b981;padding:8px}.owner-banner-eyebrow{font-size:.72rem;color:#38bdf8;letter-spacing:3px;font-weight:700;margin:0}.owner-banner-title{font-size:1.9rem;font-weight:700;color:#f0f9ff;margin:0;font-family:Georgia,serif;line-height:1.2}.owner-banner-subtitle{font-size:.92rem;color:#64748b;margin:0;line-height:1.6}.owner-card-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.owner-card{background-color:#071224;border-radius:16px;padding:6px 16px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;transition:transform .2s;cursor:default}.owner-card:hover{transform:translateY(-2px)}.owner-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.owner-card-icon{font-size:22px}.owner-card-dot{width:8px;height:8px;border-radius:50%}.owner-card-value{font-size:2.2rem;font-weight:700;margin:0;font-family:Georgia,serif}.owner-card-label{font-size:.8rem;color:#475569;margin:0;font-weight:500;letter-spacing:.5px}.db-monitor-card{background-color:#071224;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:row;gap:12px}.db-monitor-card p{font-size:18px;color:#d9e1eb;justify-self:center;padding:6px;border-radius:.5rem}.db-monitor-card p:nth-child(odd){background:linear-gradient(135deg,#3b82f6,#3b82f633),radial-gradient(circle at center,rgba(255,255,255,.1),transparent)}.db-monitor-card p:nth-child(2n){background:linear-gradient(135deg,#ec4899,#ec489933),radial-gradient(circle at center,rgba(255,255,255,.1),transparent)}.owner-table-container{background-color:#071224;border-radius:16px;padding:28px;border:1px solid rgba(255,255,255,.06)}.owner-table-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.owner-table-title{font-size:1.1rem;font-weight:700;color:#f0f9ff;margin:0}.owner-add-btn{padding:10px 20px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#020c1b;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .2s;box-shadow:0 4px 12px #0ea5e94d}.owner-add-btn:hover{transform:translateY(-2px)}.owner-table{width:100%;border-collapse:collapse;border:1px solid rgba(56,189,248,.1);border-radius:12px;overflow:hidden;table-layout:fixed}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.owner-table thead{background-color:#0ea5e914}.owner-table thead tr{border-bottom:1px solid rgba(56,189,248,.15)}.owner-th{padding:14px 20px;font-size:.82rem;font-weight:600;color:#38bdf8;text-transform:uppercase;letter-spacing:1px;text-align:left}.owner-td{padding:16px 20px;font-size:.88rem;color:#94a3b8;border-bottom:1px solid rgba(56,189,248,.05);word-break:break-word;overflow-wrap:break-word}.owner-table-row:hover .owner-td{background-color:#0ea5e90a;color:#e2e8f0}.owner-table tbody tr:last-child .owner-td{border-bottom:none}.owner-delete-btn{padding:6px 14px;background-color:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.owner-delete-btn:hover{background-color:#dc2626;color:#fff}.owner-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:#0ea5e908}.owner-table-empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.owner-table-empty-text{font-size:.95rem;color:#64748b;margin:0 0 6px;font-weight:500}.owner-table-empty-hint{font-size:.8rem;color:#475569;margin:0}.owner-popup-overlay{position:fixed;inset:0;background-color:#020c1bd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.owner-popup-card{background-color:#071224;border-radius:16px;border:1px solid rgba(56,189,248,.2);box-shadow:0 20px 60px #000000b3,0 0 0 1px #38bdf826;width:420px;max-width:90vw}.owner-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(56,189,248,.1)}.owner-popup-title{font-size:1.1rem;font-weight:700;color:#f0f9ff;margin:0}.owner-popup-close{background:transparent;border:none;color:#64748b;font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;line-height:1}.owner-popup-close:hover{background-color:#ef44441a;color:#ef4444}.owner-popup-body{padding:24px;display:flex;flex-direction:column;gap:16px}.owner-popup-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#0ea5e90a;border-radius:10px;border:1px solid rgba(56,189,248,.08)}.owner-popup-label{font-size:.82rem;color:#64748b;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.owner-popup-value{font-size:.92rem;color:#e2e8f0;font-weight:500}.owner-form-card{width:480px}.owner-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.owner-form-label{font-size:.82rem;color:#38bdf8;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.owner-form-input,.owner-form-textarea{width:100%;padding:12px 14px;background-color:#0c1e35;border:1px solid #1e3a5f;border-radius:8px;color:#e2e8f0;font-size:.9rem;font-family:Segoe UI,sans-serif;outline:none;transition:border-color .2s;box-sizing:border-box}.owner-form-input:focus,.owner-form-textarea:focus{border-color:#38bdf8}.owner-form-textarea{resize:vertical;min-height:80px}.owner-form-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;color:#fca5a5;font-size:.85rem;margin-bottom:12px}.owner-form-submit{width:100%;padding:12px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:8px;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s;box-shadow:0 4px 16px #10b9814d;margin-top:8px}.owner-form-submit:hover:not(:disabled){transform:translateY(-2px)}.owner-form-submit:disabled{opacity:.6;cursor:not-allowed}.stop-popup-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000}.stop-popup-card{width:500px;max-height:80vh;background:#0b2a45;border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 40px #00c8ff4d}.stop-popup-title{color:#38bdf8;font-size:20px;font-weight:600;text-align:center}.stop-popup-select-all{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#fff}.stop-popup-list{overflow-y:auto;max-height:300px;display:flex;flex-direction:column;gap:10px}.stop-popup-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;background:#081f35;transition:.2s ease}.stop-popup-item:hover{background:#0af3}.stop-popup-actions{display:flex;justify-content:flex-end;gap:10px}.stop-popup-cancel{padding:8px 16px;border-radius:8px;border:1px solid #38bdf8;background:transparent;color:#38bdf8;cursor:pointer}.stop-popup-submit{padding:8px 16px;border-radius:8px;border:none;background:#38bdf8;color:#000;cursor:pointer}.stop-popup-submit:disabled{opacity:.5;cursor:not-allowed}