@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-title: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--bg-primary: #f8fafc;--bg-secondary: rgba(255, 255, 255, .75);--bg-glass: rgba(255, 255, 255, .85);--border-glass: rgba(255, 255, 255, .95);--backdrop-blur: blur(28px);--color-primary: #003DA6;--color-primary-hover: #001A70;--color-secondary: #C5A880;--color-success: #16a34a;--color-warning: #ea580c;--color-danger: #ef4444;--text-main: #0f172a;--text-muted: #64748b;--text-inverse: #ffffff;--shadow-premium: 0 15px 35px -10px rgba(0, 61, 166, .05), inset 0 1px 2px rgba(255, 255, 255, .5);--shadow-glow: 0 0 25px rgba(0, 61, 166, .08);--radius-sm: 14px;--radius-md: 24px;--radius-lg: 32px;--transition-smooth: all .4s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 10% 20%,#003da60a,#f8fafcf2 60%,#c5a88008),#f8fafc;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;line-height:1.5;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-panel{background:var(--bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.glass-panel:hover{background:#ffffff8c;box-shadow:var(--shadow-glow),var(--shadow-premium);transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.03em;color:var(--text-main)}p{color:var(--text-muted);font-size:.9rem}.dashboard-container{display:flex;min-height:100vh;padding:16px;gap:16px}.main-content{flex:1;padding:16px 24px 24px;max-width:1500px;width:100%;margin:0 auto}.btn-primary{background:var(--color-primary);color:#fff;border:none;font-family:var(--font-title);font-weight:600;padding:12px 28px;border-radius:9999px;cursor:pointer;box-shadow:0 4px 15px #32473a26;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #32473a40}.btn-secondary{background:#ffffffb3;color:var(--text-main);border:1px solid var(--border-glass);font-family:var(--font-title);font-weight:600;padding:12px 24px;border-radius:9999px;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 6px #2c3e3205}.btn-secondary:hover{background:#fff;border-color:var(--color-secondary);transform:translateY(-1px)}.premium-table{width:100%;border-collapse:separate;border-spacing:0 10px}.premium-table th{padding:14px 20px;color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;text-align:left}.premium-table td{padding:18px 20px;background:#ffffff4d;border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);transition:var(--transition-smooth)}.premium-table tr td:first-child{border-left:1px solid var(--border-glass);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.premium-table tr td:last-child{border-right:1px solid var(--border-glass);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.premium-table tr:hover td{background:#ffffffb3;border-color:var(--color-secondary)}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-title);font-weight:600;font-size:.85rem;margin-bottom:6px;color:var(--text-main);padding-left:6px}.form-control{width:100%;padding:12px 18px;background:#ffffff80;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);transition:var(--transition-smooth);box-shadow:inset 0 1px 2px #2c3e3205}.form-control:focus{outline:none;background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #32473a14}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.kanban-board{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px}.kanban-column{flex:0 0 310px;background:#ffffff40;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:16px}.kanban-card{background:#fffc;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:16px;transition:var(--transition-smooth);box-shadow:0 4px 10px #2c3e3205}.kanban-card:hover{transform:translateY(-2px);background:#fff;border-color:var(--color-primary);box-shadow:0 6px 15px #2c3e320f}.badge{display:inline-flex;padding:4px 12px;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-success{background:#2e7d321a;color:var(--color-success)}.badge-warning{background:#d0941e1a;color:var(--color-warning)}.badge-danger{background:#d32f2f1a;color:var(--color-danger)}.badge-info{background:#32473a1a;color:var(--color-primary)}@media (max-width: 1024px){.dashboard-container{padding:12px;gap:12px}aside.glass-panel{width:240px!important;padding:24px 12px!important}.main-content{padding:8px!important}}@media (max-width: 768px){.dashboard-container{flex-direction:column!important;padding:8px;gap:12px}aside.glass-panel{position:fixed!important;top:16px!important;left:16px!important;height:calc(100vh - 32px)!important;width:280px!important;min-height:auto!important;transform:translate(-320px);transition:transform .4s cubic-bezier(.25,1,.5,1)!important;z-index:100!important;display:flex!important;flex-direction:column!important;box-shadow:0 20px 50px #2c3e321f!important}aside.glass-panel.menu-open{transform:translate(0)!important}aside.glass-panel nav{display:flex!important;flex-direction:column!important;gap:20px!important}aside.glass-panel nav>div{display:block!important}aside.glass-panel nav h3{font-size:.7rem!important;display:block!important;margin-bottom:8px!important;padding-left:12px!important}aside.glass-panel nav ul{flex-direction:column!important;gap:4px!important}aside.glass-panel nav ul li Link,aside.glass-panel nav ul li a{padding:12px 18px!important;font-size:.85rem!important}aside.glass-panel>div:last-child{display:block!important}div[style*="height: calc(100vh - 32px)"]{height:auto!important;gap:12px!important}header.glass-panel{height:auto!important;flex-direction:column!important;gap:14px!important;padding:16px!important;border-radius:var(--radius-md)!important;align-items:stretch!important}header.glass-panel>div:first-child{text-align:center}header.glass-panel>div:nth-child(2){justify-content:center!important;width:100%!important}header.glass-panel>div:last-child{justify-content:space-between!important;width:100%!important}.main-content{padding:0!important}div[style*="display: grid"],.grid-cards{grid-template-columns:1fr!important;gap:16px!important}.kanban-board{flex-direction:column!important;gap:16px!important}.kanban-column{flex:1 1 auto!important}.premium-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.premium-table th,.premium-table td{padding:12px 14px!important;font-size:.8rem!important}.mobile-menu-btn,.mobile-menu-close{display:flex!important}.topbar-links{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:420px;width:calc(100vw - 48px)}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:var(--radius-sm);background:#ffffffd9;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:0 10px 30px #2c3e3214,0 1px 3px #0000000d;border:1.5px solid var(--border-glass);animation:toast-slide-in .4s cubic-bezier(.34,1.56,.64,1) forwards;transition:var(--transition-smooth)}.toast-item.toast-success{border-left:6px solid var(--color-success)}.toast-item.toast-error{border-left:6px solid var(--color-danger)}.toast-item.toast-info{border-left:6px solid var(--color-primary)}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%}.toast-success .toast-icon{background:#2e7d321a;color:var(--color-success)}.toast-error .toast-icon{background:#d32f2f1a;color:var(--color-danger)}.toast-info .toast-icon{background:#32473a1a;color:var(--color-primary)}.toast-message{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--text-main);line-height:1.4}@keyframes toast-slide-in{0%{transform:translate(120%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e2c2459;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .25s ease-out forwards}.modal-content{background:#fffc;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1.5px solid rgba(255,255,255,.7);border-radius:var(--radius-md);box-shadow:0 30px 70px #2c3e3226,0 0 0 1px #fff6 inset;animation:modal-slide-up .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.custom-file-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#ffffffbf;border:1.5px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-title);font-weight:600;font-size:.82rem;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 2px 6px #2c3e3205;-webkit-user-select:none;user-select:none}.custom-file-upload:hover{background:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #2c3e320f;transform:translateY(-1px)}.custom-file-upload:active{transform:translateY(0)}.custom-file-upload input[type=file]{display:none!important}.custom-file-upload.small{padding:6px 12px;font-size:.72rem;border-radius:8px}.custom-file-upload.full-width{display:flex;width:100%}
