*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;color:#111827;background-color:#f3f4f6}body{margin:0;background-color:#f3f4f6;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{height:calc(100vh - 56px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.navbar{position:sticky;top:0;z-index:1000;display:flex;gap:1rem;align-items:center;padding:1rem 0;margin-bottom:1rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.nav-item{color:#374151;text-decoration:none;padding:.4rem .8rem;border-radius:6px;font-size:.95rem}.nav-item:hover{background:#e5e7eb}.nav-item.active{background:#2563eb;color:#fff!important}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}.card{background:#fff;border-radius:.75rem;padding:1rem 1.1rem;box-shadow:0 1px 3px #0f172a14;border:1px solid #e5e7eb}.card-header h2{margin:0 0 .5rem;font-size:1.05rem}.card-body{font-size:.9rem;color:#374151}.card-note{margin-top:.5rem;font-size:.8rem;color:#6b7280}.table-section{flex:1;min-height:0;display:flex}.table-section .card,.table-section .card-body{flex:1;min-height:0;display:flex;flex-direction:column}.table-wrapper{flex:1;min-height:0;overflow:auto;width:100%}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;table-layout:fixed}.data-table th,.data-table td{padding:.4rem .5rem;border-bottom:1px solid #e5e7eb;text-align:left;white-space:normal;word-break:break-word}.data-table th{background:#f9fafb;font-weight:600;font-size:.8rem}.data-table thead th{position:sticky;z-index:10;border-bottom:1px solid #e5e7eb}.data-table thead .header-row th{top:0;background:#f9fafb}.data-table thead .filter-row th{top:38px;background:#fff}.data-table tr:hover td{background:#f3f4f6}.table-empty{padding:.75rem .25rem;font-size:.9rem;color:#6b7280}.auth-root{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:.75rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 10px 30px #0f172a1f;border:1px solid #e5e7eb}.auth-title{margin:0 0 .35rem;font-size:1.6rem}.auth-subtitle{margin:0 0 1.5rem;font-size:.9rem;color:#6b7280}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-label{font-size:.85rem;color:#374151;display:flex;flex-direction:column;gap:.35rem}.auth-input{border-radius:.5rem;border:1px solid #d1d5db;padding:.55rem .7rem;font-size:.95rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f64d}.auth-error{font-size:.8rem;color:#b91c1c;background:#fef2f2;border-radius:.5rem;padding:.4rem .5rem}.auth-button{margin-top:.4rem;border:none;border-radius:999px;padding:.6rem 1rem;font-size:.95rem;font-weight:500;background:#111827;color:#f9fafb;cursor:pointer;transition:opacity .12s ease,transform .05s ease}.auth-button:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.auth-button:disabled{opacity:.7;cursor:default}.auth-hint{margin:.5rem 0 0;font-size:.75rem;color:#9ca3af}