:root{--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-brand: "Outfit", "Cinzel", serif;--bg-dark: #050505;--bg-card: rgba(15, 15, 15, .85);--accent-gold: #dca650;--accent-gold-glow: rgba(220, 166, 80, .4);--text-primary: #f8f8f8;--text-muted: #888;--glass-border: rgba(255, 255, 255, .05);--glass-bg: rgba(20, 20, 20, .4)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-brand);letter-spacing:1px}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;transition:all .3s ease}.glass:hover{border-color:var(--accent-gold-glow);box-shadow:0 0 20px var(--accent-gold-glow)}.btn-premium{padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--accent-gold),#b3853d);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:transform .2s,box-shadow .2s}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-gold-glow)}.card-title{color:var(--accent-gold);margin-bottom:1rem}.input-field{background:rgba(255,255,255,.03);border:1px solid #333;color:#fff;padding:.8rem;border-radius:4px;width:100%;margin-bottom:1rem}.input-field:focus{outline:none;border-color:var(--accent-gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .8s ease-out}.status-pill{padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-in-progress{background:rgba(52,152,219,.2);color:#3498db}.status-completed{background:rgba(46,204,113,.2);color:#2ecc71}.status-assigned{background:rgba(241,196,15,.2);color:#f1c40f}.honeycomb-bg{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle at 50% 50%,#111 0%,#050505 100%);opacity:.5}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:200;background:var(--accent-gold);border:none;border-radius:6px;width:42px;height:42px;cursor:pointer;align-items:center;justify-content:center;color:#000;box-shadow:0 4px 12px #00000080}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:149}@media (max-width: 768px){.mobile-menu-btn{display:flex}.dashboard-container{flex-direction:column!important;height:auto!important;min-height:100vh}.sidebar-close-btn{display:block!important}.sidebar{position:fixed!important;top:0!important;left:-100%!important;height:100vh!important;width:280px!important;z-index:150!important;transition:left .3s ease!important;border-right:1px solid #333!important;overflow-y:auto}.sidebar.open{left:0!important}.sidebar-overlay.open{display:block}main{width:100%!important;padding:5rem 1rem 2rem!important;min-height:100vh}header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;margin-bottom:1.5rem!important}header h1{font-size:1.3rem!important}header>div:last-child{width:100%;justify-content:flex-end}.stats-grid{grid-template-columns:1fr 1fr!important}.project-card{flex-direction:column!important;align-items:flex-start!important;gap:1rem}.project-card>div:last-child{text-align:left!important;display:flex;align-items:center;gap:1rem}.modal-overlay>div{width:95vw!important;max-height:90vh;overflow-y:auto;margin:auto}.member-grid{grid-template-columns:1fr 1fr!important}.task-row{flex-direction:column!important;align-items:flex-start!important;gap:.5rem}.task-row>div:last-child{width:100%}.project-actions{flex-wrap:wrap!important;gap:.5rem!important}.project-actions button{font-size:.7rem!important;padding:.4rem .7rem!important}.login-screen>div{padding:2rem 1.5rem!important;width:92vw!important}.notif-dropdown{width:90vw!important;right:-60px!important}.input-field{padding:1rem!important;font-size:1rem!important}.btn-premium{padding:.9rem 1.2rem!important;font-size:.85rem!important}.doc-row{flex-direction:column!important;align-items:flex-start!important;gap:.5rem}}@media (max-width: 480px){.stats-grid,.member-grid{grid-template-columns:1fr!important}}.project-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.kanban-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.responsive-table-container{border-radius:12px;overflow:hidden;width:100%}@media (max-width: 1024px){.project-layout-grid{grid-template-columns:1fr}}@media (max-width: 768px){.kanban-grid{grid-template-columns:1fr}.responsive-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.responsive-table-container table{min-width:500px}}