@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:width .2s ease}.sidebar.closed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;border-bottom:1px solid #F1F5F9}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand .brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:700;flex-shrink:0}.sidebar-brand .brand-text{font-size:1.15rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.sidebar.closed .brand-text{display:none}.toggle-btn{background:none;color:#94a3b8;font-size:18px;padding:4px;transition:color .2s;line-height:1}.toggle-btn:hover{color:#0f172a}.sidebar.closed .toggle-btn{margin:0 auto}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:16px 12px;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:none;color:#64748b;font-size:.9rem;font-weight:500;transition:all .15s ease;text-align:left;width:100%}.nav-item:hover{background:#f1f5f9;color:#0f172a}.nav-item.active{background:#f0fdf4;color:#16a34a}.nav-icon{font-size:1.15rem;width:22px;text-align:center;flex-shrink:0}.sidebar.closed .nav-item{justify-content:center;padding:10px}.sidebar.closed .nav-label{display:none}.sidebar-footer{padding:12px;border-top:1px solid #F1F5F9}.sidebar-footer-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:none;color:#94a3b8;font-size:.9rem;font-weight:500;transition:all .15s ease;width:100%;text-align:left}.sidebar-footer-btn:hover{background:#fef2f2;color:#ef4444}.sidebar.closed .sidebar-footer-btn{justify-content:center}.sidebar.closed .footer-label{display:none}.main-content{flex:1;margin-left:260px;min-height:100vh;background:#f8fafc;transition:margin-left .2s ease}.sidebar.closed~.main-content{margin-left:72px}.top-bar{display:flex;align-items:center;justify-content:flex-end;padding:16px 32px;background:#fff;border-bottom:1px solid #E2E8F0;gap:16px}.top-bar-greeting{font-size:.9rem;color:#64748b;margin-right:auto}.top-bar-greeting strong{color:#0f172a}.top-bar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.content-area{padding:32px;max-width:1200px}@media (max-width: 768px){.sidebar{width:72px}.sidebar .brand-text,.sidebar .nav-label,.sidebar .footer-label{display:none}.sidebar .nav-item,.sidebar .sidebar-footer-btn{justify-content:center}.main-content{margin-left:72px}.content-area{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none}