@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f6f8fc;--surface-color:#ffffffa6;--surface-hover:#ffffffd9;--surface-border:#0000000d;--surface-border-hover:#0000001a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary-color:#0f766e;--accent-color:#0891b2;--accent-glow:#0891b214;--success:#10b981;--danger:#f43f5e;--warning:#f59e0b;--grad-primary:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%);--grad-hover:linear-gradient(135deg, #0f766e 0%, #0891b2 100%);--grad-card:linear-gradient(135deg, #ffffffbf 0%, #ffffff73 100%);--grad-alert:linear-gradient(135deg, #f43f5e0d 0%, #f43f5e03 100%);--grad-success:linear-gradient(135deg, #10b9810d 0%, #10b98103 100%);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px -1px #0000000a;--shadow-md:0 10px 30px -10px #00000014, 0 4px 12px -5px #00000008;--shadow-lg:0 25px 50px -12px #0000000d;--shadow-glow:0 0 20px 0 #0891b214}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#0f766e0a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d408 0%,#0000 45%);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.25}h1{letter-spacing:-.03em;font-size:2.25rem;font-weight:800}h2{letter-spacing:-.02em;font-size:1.625rem;font-weight:700}h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);font-size:.9375rem}.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-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.card{background:var(--grad-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--surface-border-hover);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.glass{-webkit-backdrop-filter:blur(25px);background:#fff9;border:1px solid #fff9}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 18px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 14px #06b6d440}.btn-primary:hover{background:var(--grad-hover);transform:translateY(-1px);box-shadow:0 6px 20px #06b6d459}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);background:#fffc}.btn-secondary:hover{border-color:var(--surface-border-hover);color:var(--text-primary);box-shadow:var(--shadow-md);background:#fff}.app-layout{min-height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--surface-border);width:260px;padding:var(--spacing-6) var(--spacing-4);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:20;background:#ffffffb3;flex-direction:column;display:flex}.sidebar-nav{gap:var(--spacing-2);margin-top:var(--spacing-8);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--spacing-3);padding:11px var(--spacing-4);border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid #0000;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#00000005;border-color:#00000008;padding-left:20px}.nav-item.active{color:var(--accent-color);background:#06b6d40f;border-color:#06b6d426}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--surface-border);height:70px;padding:0 var(--spacing-8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background-color:#f6f8fcd9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page-container{padding:var(--spacing-8);flex:1;width:100%;max-width:1600px;margin:0 auto}table{border-collapse:collapse;width:100%}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--surface-border);text-align:left;background-color:#00000003;padding:14px 18px;font-size:.8125rem;font-weight:600}td{border-bottom:1px solid var(--surface-border);color:var(--text-primary);padding:14px 18px;font-size:.875rem}tr:hover td{background-color:#00000002}input[type=text],select,textarea{border-radius:var(--radius-md);border:1px solid var(--surface-border);width:100%;color:var(--text-primary);background-color:#ffffffb3;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{border-color:var(--accent-color);background-color:#fff;box-shadow:0 0 0 3px #06b6d41a}.no-spinners::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinners[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000026}::-webkit-scrollbar-thumb:hover{background:#00000040}