@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";
:root{--color-primary:#00dfa2;--color-on-primary:#001a3d;--color-primary-active:#18e6b1;--color-primary-neutral:#b8f5e4;--color-primary-pale:#e6fff7;--color-secondary:#087ff5;--color-secondary-active:#2d95ff;--color-secondary-pale:#eaf4ff;--color-ink:#001a3d;--color-ink-deep:#00132e;--color-body:#46566a;--color-mute:#7e8a99;--color-canvas:#fff;--color-canvas-soft:#f2f7f8;--color-positive:#12b76a;--color-positive-deep:#087a45;--color-positive-pale:#e9f9f0;--color-warning:#f5b82e;--color-warning-deep:#a86400;--color-warning-content:#4a3512;--color-warning-pale:#fff6d8;--color-negative:#d64545;--color-negative-deep:#a6292d;--color-negative-darkest:#7d151b;--color-negative-bg:#fff0f0;--color-accent-cyan:#079dd9;--gradient-brand:linear-gradient(135deg, #00dfa2 0%, #00cdb8 35%, #079dd9 65%, #087ff5 100%);--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--shadow-sm:0 1px 3px #001a3d14, 0 1px 2px #001a3d0a;--shadow-md:0 4px 16px #001a3d1a, 0 2px 6px #001a3d0f;--shadow-lg:0 12px 40px #001a3d24, 0 4px 12px #001a3d14;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{color:var(--color-ink);background-color:var(--color-canvas-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:400;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.display-mega{letter-spacing:-2px;font-family:Manrope,Inter,sans-serif;font-size:clamp(64px,10vw,126px);font-weight:900;line-height:.85}.display-xxl{font-family:Manrope,sans-serif;font-size:clamp(48px,8vw,96px);font-weight:900;line-height:.85}.display-xl{font-family:Manrope,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:.85}.display-lg{letter-spacing:-.1px;font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,47px);font-weight:400;line-height:1.5}.display-md{font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:.85}.display-sm{letter-spacing:-.96px;font-family:Inter,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.2}.display-xs{letter-spacing:-.48px;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.3}.body-lg{font-size:20px;font-weight:400;line-height:1.5}.body-md{font-size:16px;font-weight:400;line-height:1.5}.body-md-strong{font-size:16px;font-weight:600;line-height:1.5}.body-sm{font-size:14px;font-weight:400;line-height:1.43}.body-sm-strong{font-size:14px;font-weight:600;line-height:1.43}.caption{font-size:12px;font-weight:400;line-height:1.33}.btn-label{font-size:16px;font-weight:600;line-height:1.5}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-xl);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-active);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-canvas-soft);color:var(--color-ink)}.btn-secondary:hover{background-color:#e5ecee}.btn-tertiary{background-color:var(--color-canvas);color:var(--color-ink);border:1.5px solid var(--color-ink)}.btn-tertiary:hover{background-color:var(--color-canvas-soft)}.btn-ghost{color:var(--color-ink);background-color:#0000}.btn-ghost:hover{background-color:var(--color-canvas-soft)}.btn-danger{background-color:var(--color-negative-bg);color:var(--color-negative-deep);border:1.5px solid var(--color-negative)}.btn-danger:hover{background-color:var(--color-negative);color:#fff}.btn-sm{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:14px}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:18px}.btn-full{width:100%}.btn-icon{padding:var(--space-sm);border-radius:var(--radius-pill);background:var(--color-canvas)}.card{background:var(--color-canvas);border-radius:var(--radius-xl);padding:var(--space-xl)}.card-soft{background:var(--color-canvas-soft);border-radius:var(--radius-xl);padding:var(--space-xl)}.card-green{background:var(--color-primary-pale);border-radius:var(--radius-xl);padding:var(--space-xl)}.card-dark{background:var(--color-ink);color:var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-xl)}.card-outlined{background:var(--color-canvas);border:1.5px solid var(--color-ink);border-radius:var(--radius-xl);padding:var(--space-xl)}.card-shadow{box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);white-space:nowrap;font-size:12px;font-weight:600;line-height:1.33;display:inline-flex}.badge-positive{background:var(--color-positive-pale);color:var(--color-positive-deep)}.badge-warning{background:var(--color-warning-pale);color:var(--color-warning-content)}.badge-negative{background:var(--color-negative-bg);color:var(--color-negative-deep)}.badge-info{background:var(--color-secondary-pale);color:var(--color-secondary)}.badge-neutral{background:var(--color-canvas-soft);color:var(--color-body)}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--color-ink);font-size:14px;font-weight:600}.form-input{background:var(--color-canvas);width:100%;color:var(--color-ink);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1.5px solid #001a3d33;outline:none;font-family:Inter,sans-serif;font-size:16px}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00dfa226}.form-input::placeholder{color:var(--color-mute)}.form-input.error{border-color:var(--color-negative)}.form-select{background:var(--color-canvas);width:100%;color:var(--color-ink);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23001A3D' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #001a3d33;outline:none;padding-right:40px;font-family:Inter,sans-serif;font-size:16px}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00dfa226}.form-error{color:var(--color-negative);font-size:12px}.form-hint{color:var(--color-mute);font-size:12px}.container{width:100%;max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.container-sm{width:100%;max-width:640px;padding:0 var(--space-xl);margin:0 auto}.app-shell{background:var(--color-canvas-soft);min-height:100vh;display:flex}.app-sidebar{background:var(--color-ink-deep);z-index:100;width:260px;min-height:100vh;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.app-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.app-topbar{background:var(--color-canvas);padding:var(--space-md) var(--space-xl);z-index:50;border-bottom:1px solid #001a3d14;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-content{padding:var(--space-2xl) var(--space-xl);flex:1}.bottom-nav{background:var(--color-canvas);padding:var(--space-sm) var(--space-lg);padding-bottom:max(var(--space-sm), env(safe-area-inset-bottom));z-index:9999;gap:var(--space-xs);border-top:1px solid #001a3d14;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{padding:var(--space-xs);border-radius:var(--radius-md);cursor:pointer;color:var(--color-mute);transition:color var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item:hover{color:var(--color-ink)}.stat-card{background:var(--color-canvas);border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.stat-card-label{color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-card-value{color:var(--color-ink);font-family:Manrope,sans-serif;font-size:32px;font-weight:900;line-height:1}.stat-card-sub{color:var(--color-body);font-size:13px}.ai-processing-card{background:var(--color-secondary-pale);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;border:1.5px solid #087ff533}.ai-processing-icon{background:var(--gradient-brand);border-radius:var(--radius-pill);width:64px;height:64px;margin:0 auto var(--space-lg);justify-content:center;align-items:center;animation:2s infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #00dfa233;border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.confidence-bar{background:#001a3d1a;border-radius:9999px;height:4px;overflow:hidden}.confidence-fill{border-radius:9999px;height:100%;transition:width .6s}.confidence-high{background:var(--color-positive)}.confidence-mid{background:var(--color-warning)}.confidence-low{background:var(--color-negative)}.upload-zone{border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-canvas);border:2px dashed #001a3d33}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:var(--color-primary-pale)}.upload-zone-icon{background:var(--color-primary-pale);border-radius:var(--radius-pill);width:56px;height:56px;margin:0 auto var(--space-lg);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.toast-container{z-index:1000;gap:var(--space-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--color-ink);color:var(--color-canvas);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);pointer-events:all;align-items:center;gap:var(--space-sm);min-width:280px;max-width:400px;font-size:14px;font-weight:500;animation:.3s slideUp;display:flex}.toast-success{border-left:3px solid var(--color-positive)}.toast-error{border-left:3px solid var(--color-negative)}.toast-info{border-left:3px solid var(--color-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;padding:var(--space-xl);background:#00132e99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-canvas);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);max-height:90vh;animation:.3s slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--color-canvas-soft);padding:var(--space-md) var(--space-lg);color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid #001a3d14;font-size:12px;font-weight:600}.data-table td{padding:var(--space-md) var(--space-lg);color:var(--color-body);border-bottom:1px solid #001a3d0f;font-size:14px}.data-table tr:hover td{background:var(--color-primary-pale)}.data-table tr:last-child td{border-bottom:none}.page-header{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}@media (max-width:767px){.page-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}.page-title{color:var(--color-ink);font-family:Manrope,sans-serif;font-size:28px;font-weight:900}.page-subtitle{color:var(--color-mute);margin-top:4px;font-size:14px}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.empty-state-icon{background:var(--color-canvas-soft);border-radius:var(--radius-pill);width:72px;height:72px;margin:0 auto var(--space-lg);color:var(--color-mute);justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--color-ink);margin-bottom:var(--space-sm);font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.empty-state-desc{color:var(--color-mute);margin-bottom:var(--space-xl);font-size:14px}.avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.avatar-lg{width:52px;height:52px;font-size:20px}.divider{background:#001a3d14;width:100%;height:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#001a3d26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#001a3d4d}@media (max-width:1023px){.app-sidebar{transform:translate(-100%);z-index:102!important}.app-sidebar.open{transform:translate(0);z-index:102!important}.sidebar-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#001a3d80;position:fixed;inset:0}.app-topbar{background:var(--color-ink-deep);z-index:99;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000001a}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.app-main{margin-left:0;padding-bottom:80px}.app-content{padding-top:64px}.bottom-nav{display:flex!important}}@media (max-width:767px){.container,.container-sm{padding:0 var(--space-lg)}.app-content{padding:88px var(--space-lg) var(--space-lg)}.toast-container{bottom:88px;left:16px;right:16px}.toast{min-width:unset}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.w-full{width:100%}.text-center{text-align:center}.text-mute{color:var(--color-mute)}.text-body{color:var(--color-body)}.text-ink{color:var(--color-ink)}.text-primary{color:var(--color-primary)}.text-positive{color:var(--color-positive-deep)}.text-negative{color:var(--color-negative-deep)}.text-warning{color:var(--color-warning-content)}.bg-canvas{background:var(--color-canvas)}.bg-soft{background:var(--color-canvas-soft)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-pill{border-radius:var(--radius-pill)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.grid-content-sidebar{gap:var(--space-xl);grid-template-columns:1fr 350px;align-items:start;display:grid}.overflow-x-auto{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (max-width:1023px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-content-sidebar{grid-template-columns:1fr 300px}}@media (max-width:767px){.grid-2,.grid-3,.grid-4,.grid-content-sidebar{grid-template-columns:1fr}.sm-hide{display:none!important}.sm-flex-col{flex-direction:column!important}.sm-items-start{align-items:flex-start!important}.sm-w-full{width:100%!important}.sm-text-center{text-align:center!important}}.md-only{display:none!important}@media (max-width:1023px){.md-hide{display:none!important}.md-only{display:block!important}.md-only.app-topbar{display:flex!important}}@media print{.app-sidebar,.app-topbar,.bottom-nav{display:none!important}.app-main{margin-left:0!important;padding-bottom:0!important}.app-content{padding:0!important}body{background:#fff!important}.card,.card-soft,.card-shadow{border:1px solid #ddd;box-shadow:none!important}.page-break-before{page-break-before:always;break-before:page}.avoid-break-inside{page-break-inside:avoid;break-inside:avoid}.print-hide{display:none!important}}