:root{--bg-color:#f8f9fa;--surface-color:#fff;--text-primary:#1c1e21;--text-secondary:#6b7280;--border-color:#e5e7eb;--accent-color:#018790;--accent-hover:#e47521;--sidebar-w:260px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--success:#10b981;--danger:#ef4444}[data-theme=dark]{--bg-color:#0f1115;--surface-color:#1a1d24;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#2d3139;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0009}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s}button{cursor:pointer;background:0 0;border:none}input,select{outline:none}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background-color:var(--surface-color);border-right:1px solid var(--border-color);flex-direction:column;padding:24px;display:flex}.main-content{flex:1;padding:32px;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.card{background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:var(--accent-hover)}.badge{border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600}.badge.success{color:var(--success);background:#10b9811a}.badge.pending{color:var(--accent-color);background:#f587321a}