:root{--color-primary: #0052FF;--color-primary-hover: #0048E0;--color-accent: #00A3FF;--color-accent-hover: #0092E0;--color-secondary: #FFC700;--color-background: #F7F8FA;--color-white: #FFFFFF;--color-black: #000000;--color-success: #38A169;--color-warning: #D69E2E;--color-danger: #e53e3e;--color-danger-hover: #c53030;--color-text-heading: #1a202c;--color-text-body: #4a5568;--color-text-muted: #718096;--color-text-inverted: #ffffff;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-dark);--text-error-color: var(--color-danger);--color-border: #e2e8f0;--font-family-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 800;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.5rem;--spacing-6: 2rem;--spacing-7: 3rem;--spacing-8: 4rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-default: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{margin:0;font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;padding:0;margin:0}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.w-full{width:100%}.link{color:var(--color-link);text-decoration:none;transition:color .2s ease-in-out}.link:hover{color:var(--color-link-hover);text-decoration:underline}.text-error{color:var(--text-error-color);font-size:var(--font-size-sm)}.sidebar{background-color:#1a202c;color:#a0aec0;display:flex;flex-direction:column;width:260px;height:100vh;position:fixed;left:0;top:0;box-shadow:var(--shadow-lg);transition:width .3s ease;z-index:100}.sidebar-header{padding:var(--spacing-5);text-align:center;border-bottom:1px solid #2D3748}.sidebar-logo{margin:0;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-white);white-space:nowrap;overflow:hidden}.sidebar-nav{flex-grow:1;padding:var(--spacing-3) 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav ul li a{display:flex;align-items:center;gap:var(--spacing-3);padding:.85rem var(--spacing-5);color:#a0aec0;font-weight:var(--font-weight-medium);transition:background-color .2s ease-in-out,color .2s ease-in-out;border-left:4px solid transparent;white-space:nowrap}.sidebar-nav ul li a:hover{background-color:#2d3748;color:var(--color-white)}.sidebar-nav ul li a.active{background-color:var(--color-primary);color:var(--color-white);border-left-color:var(--color-accent)}.sidebar-nav ul li a svg{flex-shrink:0}.sidebar-admin-nav{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid #2D3748}.nav-section-title{display:block;padding:0 var(--spacing-5) var(--spacing-2);font-size:.75rem;font-weight:var(--font-weight-bold);color:#718096;text-transform:uppercase;letter-spacing:.05em}.sidebar-footer{padding:var(--spacing-3) 0;border-top:1px solid #2D3748}.sidebar-footer ul li a{display:flex;align-items:center;gap:var(--spacing-3);padding:.85rem var(--spacing-5);color:#a0aec0;font-weight:var(--font-weight-medium);transition:background-color .2s ease-in-out,color .2s ease-in-out;white-space:nowrap}.sidebar-footer ul li a:hover{background-color:#2d3748;color:var(--color-white)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e2e8f0;height:80px;box-sizing:border-box}.search-container{display:flex;align-items:center;background-color:#f7fafc;border-radius:8px;padding:.5rem 1rem;width:300px}.search-icon{color:#a0aec0;margin-right:.75rem}.search-input{border:none;background:none;outline:none;width:100%;font-size:1rem;color:#2d3748}.search-input::placeholder{color:#a0aec0}.topbar-actions{display:flex;align-items:center;gap:1.5rem}.action-btn{background:none;border:none;color:#4a5568;font-size:1.5rem;cursor:pointer;position:relative}.user-profile{display:flex;align-items:center;gap:.75rem}.user-icon{font-size:1.5rem;color:#4a5568}.user-name{font-weight:600;color:#2d3748}.dashboard-shell{display:flex;background-color:#f7fafc;min-height:100vh}.main-content{flex-grow:1;margin-left:260px;transition:margin-left .3s ease;display:flex;flex-direction:column}.sidebar.collapsed~.main-content{margin-left:80px}.page-content{flex-grow:1;padding:2rem;overflow-y:auto}