@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#0ea5e9;--color-primary-dark:#0284c7;--color-secondary:#14b8a6;--color-background:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-main);-webkit-font-smoothing:antialiased;background:linear-gradient(-45deg,#f8fafc,#e0f2fe,#f0f9ff,#f8fafc) 0 0/400% 400%;font-family:Inter,system-ui,sans-serif;line-height:1.5;animation:15s infinite gradientBG}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #ffffff4d}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);letter-spacing:-.025em;font-weight:600}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background-color:var(--color-background);flex-direction:column;flex:1;display:flex;overflow:hidden}.view-container{flex:1;padding:2rem;overflow-y:auto}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:280px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.logo-icon{color:var(--color-primary)}.logo-text{color:var(--color-text-main);margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-main)}.nav-item.active{background-color:var(--color-primary);color:#fff}.topnav{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:10;background:#fffc;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:sticky;top:0}.search-bar{background-color:var(--color-surface-hover);border-radius:var(--radius-md);align-items:center;width:320px;padding:.5rem 1rem;display:flex}.search-bar input{width:100%;color:var(--color-text-main);background:0 0;border:none;outline:none;margin-left:.5rem}.user-profile{align-items:center;gap:1rem;display:flex}.avatar{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.page-header{margin-bottom:2rem}.page-title{margin-bottom:.25rem;font-size:1.875rem}.page-subtitle{color:var(--color-text-muted);font-size:.95rem}.toast-container{z-index:1000;pointer-events:none;position:fixed;bottom:2rem;right:2rem}.toast{background-color:var(--color-surface);color:var(--color-text-main);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);pointer-events:auto;padding:1rem 1.5rem;font-weight:500;animation:.3s cubic-bezier(.4,0,.2,1) forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}