@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #1b5e8c;--color-primary-light: #4a8ab8;--color-primary-dark: #0f3d5c;--color-primary-50: #e8f1f8;--color-primary-100: #c5ddf0;--color-secondary: #43a047;--color-secondary-dark: #2e7031;--color-secondary-50: #e8f5e9;--color-accent: #f57c00;--color-accent-50: #fff3e0;--color-bg: #f0f4f8;--color-bg-paper: #ffffff;--color-text-primary: #1a1a2e;--color-text-secondary: #64748b;--color-text-disabled: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-error: #dc2626;--color-error-50: #fef2f2;--color-warning: #f59e0b;--color-warning-50: #fffbeb;--color-success: #16a34a;--color-success-50: #f0fdf4;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-caption: .75rem;--font-body: .875rem;--font-subtitle: 1rem;--font-title: 1.125rem;--font-heading: 1.5rem;--font-display: 1.875rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-dialog: 0 24px 48px -12px rgba(0, 0, 0, .18);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 272px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;letter-spacing:-.011em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;font-family:inherit;border:none;background:none;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:var(--font-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-100);color:var(--color-primary-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#0a2540,#0f3d5c);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;flex-shrink:0;overflow:hidden}.brand{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.06)}.brand-logo{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;letter-spacing:.5px;flex-shrink:0}.brand-name{font-size:var(--font-subtitle);font-weight:700;letter-spacing:-.02em}.brand-sub{font-size:11px;opacity:.45;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.nav{flex:1;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-sm);color:#ffffff8c;font-size:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background:#ffffff0f;color:#ffffffe6}.nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;font-weight:600;box-shadow:0 2px 8px #1b5e8c59}.sidebar-footer{padding:var(--space-base) var(--space-lg);border-top:1px solid rgba(255,255,255,.06);background:#0000001f}.logout-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:10px var(--space-md);border:none;background:transparent;color:#ffffff80;font-size:var(--font-body);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:#ffffff14;color:#fff}.content{flex:1;padding:var(--space-xl);max-width:1200px;width:100%;margin:0 auto;animation:fadeInUp var(--transition-base)}.page-title{font-size:var(--font-heading);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.section-title{font-size:var(--font-subtitle);font-weight:600;margin-bottom:var(--space-base);display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary)}.card{background:var(--color-bg-paper);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-card)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-base);margin-bottom:var(--space-lg)}.stat-card{position:relative;background:var(--color-bg-paper);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base);overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:var(--color-primary);background:var(--color-primary-50)}.stat-icon.secondary{color:var(--color-secondary);background:var(--color-secondary-50)}.stat-icon.accent{color:var(--color-accent);background:var(--color-accent-50)}.stat-value{font-size:var(--font-display);font-weight:700;letter-spacing:-.03em;color:var(--color-text-primary);line-height:1.1}.stat-label{font-size:var(--font-caption);color:var(--color-text-secondary);margin-top:var(--space-xs);font-weight:500}.table{width:100%;border-collapse:collapse;background:var(--color-bg-paper);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600;padding:var(--space-md) var(--space-base);background:var(--color-border-light);border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-md) var(--space-base);font-size:var(--font-body);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-primary-50)}.table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--font-caption);font-weight:600;letter-spacing:.01em}.badge-pending{background:var(--color-warning-50);color:#b45309}.badge-active{background:var(--color-success-50);color:var(--color-secondary-dark)}.badge-suspended,.badge-rejected{background:var(--color-error-50);color:var(--color-error)}.badge-neutral{background:var(--color-border-light);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-base);border-radius:var(--radius-sm);border:none;font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 2px 8px #1b5e8c40}.btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 12px #1b5e8c59}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-ghost{background:var(--color-bg-paper);color:var(--color-primary);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-light)}.btn-danger{background:var(--color-bg-paper);color:var(--color-error);border:1px solid var(--color-border)}.btn-danger:hover:not(:disabled){background:var(--color-error-50);border-color:var(--color-error)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-base)}.field label{font-size:var(--font-caption);font-weight:600;color:var(--color-text-secondary)}.input,.textarea{width:100%;padding:10px var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-body);font-family:inherit;background:var(--color-bg-paper);color:var(--color-text-primary)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-50)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-base)}.info-row{display:flex;flex-direction:column;gap:2px}.info-label{font-size:var(--font-caption);color:var(--color-text-secondary);font-weight:500}.banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-base);border-radius:var(--radius-md);font-size:var(--font-body);margin-bottom:var(--space-lg);font-weight:500}.banner-warn{background:var(--color-warning-50);color:#92400e;border:1px solid #fde68a}.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-base)}.doc-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-base);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-bg-paper);box-shadow:var(--shadow-card)}.doc-type{font-weight:600;font-size:var(--font-body)}.muted{color:var(--color-text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a2540,#1b5e8c 60%,#4a8ab8);padding:var(--space-lg)}.login-card{background:var(--color-bg-paper);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:430px;box-shadow:var(--shadow-dialog);animation:fadeInUp var(--transition-base)}.login-title{font-size:var(--font-heading);font-weight:700;color:var(--color-primary);text-align:center;letter-spacing:-.02em}.login-tagline{font-size:var(--font-body);color:var(--color-text-secondary);text-align:center;margin:6px 0 var(--space-lg)}.login-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);background:var(--color-border-light);padding:4px;border-radius:var(--radius-md)}.login-tab{flex:1;padding:var(--space-sm);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--font-caption);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.login-tab.active{background:var(--color-bg-paper);color:var(--color-primary);box-shadow:var(--shadow-sm)}.error-text{color:var(--color-error);font-size:var(--font-caption);margin-bottom:var(--space-md);font-weight:500}.link-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-caption);cursor:pointer;margin-top:var(--space-md);font-weight:600}.full-width{width:100%;justify-content:center}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--color-text-secondary)}.row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-base)}