:root{--bg:#f0f2f5;--surface:#f8f9fa;--panel:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#0061ff;--accent-hover:#0056e0;--accent2:#dc3545;--accent3:#fd7e14;--text:#1a1a1a;--text-muted:#6c757d;--success:#198754;--primary:var(--accent);--text-secondary:var(--text-muted);--bg-card:var(--panel);--bg-hover:#f1f5f9;--r:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}input,select{border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r);background:#fff;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s}input:focus,select:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;border-radius:var(--r);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{color:#adb5bd;cursor:not-allowed;background:#e9ecef;transform:none}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0;font-size:12px}.btn-ghost:hover{border-color:var(--accent2);color:var(--accent2);opacity:1}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main{flex:1;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.main{flex-direction:column;height:100%}}