:root{--primary-color: #008779;--primary-dark: #006b5f;--secondary-color: #1a1a2e;--accent-color: #ff9f43;--bg-color: #f0f4f3;--card-bg: #ffffff;--text-main: #2c3e50;--text-muted: #7f8c8d;--sidebar-bg: #004d40;--navbar-bg: #ffffff;--border-radius: 12px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}.content-wrapper{margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .content-wrapper{margin-left:80px}.main-container{min-height:calc(100vh - 70px);padding:32px}@media(max-width:1024px){.main-container{padding:20px}}@media(max-width:768px){.content-wrapper{margin-left:0!important}.main-container{padding:16px;min-height:calc(100vh - 60px)}}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #00877933}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0087794d}.card{background:var(--card-bg);padding:24px;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-soft)}