*{box-sizing:border-box}:root{--bg: #0f172a;--bg2: #020617;--card: #020617;--card2: #020617;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .12);--border: #1e293b;--text: #e5e7eb;--text-soft: #9ca3af;--danger: #f97373;--radius: 10px;--shadow: 0 18px 40px rgba(15, 23, 42, .55);--shadow-soft: 0 12px 30px rgba(15, 23, 42, .45)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 40%,#000);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{display:flex;height:100vh;position:relative}.sidebar{width:220px;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 55%),linear-gradient(145deg,#020617,#020617 40%,#0b1120);border-right:1px solid rgba(148,163,184,.35);padding:16px;display:flex;flex-direction:column;gap:16px;position:relative}.sidebar-toggle{width:24px;height:48px;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at top left,#0f172afa,#020617);color:#cbd5e1;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-toggle{position:absolute;right:-12px;top:72px;z-index:20}.sidebar-toggle-floating{position:absolute;left:8px;top:72px;z-index:30}.sidebar-title{font-weight:600;font-size:18px}.sidebar-nav a{display:block;padding:8px 10px;border-radius:6px;font-size:14px}.sidebar-group-trigger{width:100%;display:block;padding:8px 10px;border-radius:6px;border:none;background:transparent;color:inherit;text-align:left;font-size:14px;cursor:pointer}.sidebar-nav a.active,.sidebar-group-trigger.active{background:#202332}.sidebar-subnav{margin-top:4px;padding-left:10px;display:grid;gap:2px}.sidebar-subnav a{font-size:13px;padding:7px 10px}.main{flex:1;display:flex;flex-direction:column}.main-header{padding:12px 20px;border-bottom:1px solid rgba(148,163,184,.35);display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 55%),#020617}.main-content{flex:1;padding:16px 20px;overflow:auto}.card{background:radial-gradient(circle at top left,#0f172af0,#020617);border-radius:10px;padding:12px 14px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.button{padding:6px 12px;border-radius:999px;border:1px solid rgba(56,189,248,.9);background:radial-gradient(circle at top,#38bdf84d,#0f172afa);color:#e0f2fe;font-size:13px;cursor:pointer;box-shadow:0 9px 18px #0f172abf}.button.secondary{border-color:#94a3b88c;background:radial-gradient(circle at top,#0f172afa,#0f172af5)}.button.button-small{padding:4px 10px;font-size:12px}.input,.textarea,.select,select{width:100%;padding:6px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at top left,#0f172afa,#020617);color:var(--text);font-size:13px}select,select.input,.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% - 1px),calc(100% - 9px) calc(50% - 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}.input:focus,.textarea:focus,.select:focus,select:focus{outline:none;border-color:#38bdf8e6;box-shadow:0 0 0 2px #38bdf824}select option{background:#020617;color:var(--text)}.field{margin-bottom:8px}.field label{display:block;font-size:12px;margin-bottom:2px;color:#9ca3af}.kanban{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.kanban-column-title{font-size:13px;margin-bottom:6px}.kanban-column{background:#050609;border-radius:8px;padding:8px;border:1px solid #1f2230}.kanban-task{background:#11131a;border-radius:6px;padding:8px;margin-bottom:6px;border:1px solid #1f2230;cursor:grab}.doc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;height:100%}.doc-tree{background:#050609;border-radius:8px;padding:8px;border:1px solid #1f2230}.doc-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:100%}.doc-editor textarea{height:calc(100vh - 180px)}.doc-preview{background:#050609;border-radius:8px;padding:8px;border:1px solid #1f2230;overflow:auto}.asset-preview-clickable{outline:none}.asset-category-bar{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(6px,1vw,12px)}.asset-category-tab{width:100%;min-height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at top,#0f172af5,#0f172ae6);color:#cbd5e1;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.asset-category-tab:hover{border-color:#94a3b8cc;background:radial-gradient(circle at top,#1e293bfa,#0f172af0)}.asset-category-tab.active{border-color:#38bdf8e6;background:radial-gradient(circle at top,#38bdf83d,#1e293bf5);color:#e0f2fe}.saikun-spreadsheet{color:#e2e8f0}.saikun-spreadsheet table{width:100%;border-collapse:collapse;background:#020617}.saikun-spreadsheet td,.saikun-spreadsheet th{border:1px solid #334155;min-width:96px;height:28px;padding:4px 6px;font-size:12px;color:#e2e8f0}.saikun-spreadsheet input{width:100%;border:none;outline:none;background:transparent;color:#e2e8f0;font-size:12px}.toast-viewport{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:9999;width:min(760px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto}.toast{border-radius:var(--radius);padding:10px 12px;border:1px solid var(--border);box-shadow:var(--shadow-soft);background:radial-gradient(circle at top left,#0f172af0,#020617);font-size:13px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.toast-success{border-color:var(--accent)}.toast-error{border-color:var(--danger)}