:root{--bg-color: #0d0d0d;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #a1a1aa;--accent: #FF6B00;--accent-hover: #e56000;--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{--bg-color: #fafafa;--surface: rgba(0, 0, 0, .03);--surface-hover: rgba(0, 0, 0, .06);--border: rgba(0, 0, 0, .08);--text-main: #111111;--text-muted: #666666;--accent: #FF6B00;--accent-hover: #e56000}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);font-size:14px;min-height:100vh;background-image:radial-gradient(circle at top right,rgba(255,107,0,.05) 0%,transparent 40%);background-attachment:fixed;transition:background-color .3s,color .3s}*{box-sizing:border-box}.glass-panel{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .3s ease}.glass-panel.interactive:hover{background:var(--surface-hover);transform:translateY(-2px);border-color:#ff6b004d}.glass-header{background:var(--bg-color);opacity:.9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}h1,h2,h3,h4{margin:0;font-weight:500;letter-spacing:-.02em}p{color:var(--text-muted);line-height:1.6}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text-main);padding:10px 14px;border-radius:6px;font-family:inherit;transition:border-color .2s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.btn-primary{background-color:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s,transform .1s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border);padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--surface);border-color:var(--text-muted)}.app-container{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--bg-color);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:16px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;color:var(--text-muted);text-decoration:none;border-radius:8px;transition:all .2s}.nav-item:hover,.nav-item.active{background:var(--surface);color:var(--accent)}.main-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px}.grid{display:grid;gap:24px}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex-row{display:flex;align-items:center;gap:16px}.flex-between{display:flex;align-items:center;justify-content:space-between}.kanban-board{display:flex;gap:24px;overflow-x:auto;padding-bottom:16px}.kanban-column{min-width:320px;flex:1;background:#ffffff05;border-radius:16px;padding:16px}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:12px;cursor:grab}.badge{background:#ff6b001a;color:var(--accent);padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;display:inline-block}