:root{--bg:#f3f5f8;--bg-elevated:#fff;--ink:#142033;--ink-muted:#5a6a7e;--line:#d7dee8;--brand:#0c5c4c;--brand-strong:#094739;--brand-soft:#e6f3ef;--accent:#c45c26;--danger:#b42318;--danger-soft:#fef3f2;--shadow:0 10px 30px #1420330f;--radius:14px;--font-display:"DM Sans", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top left, #0c5c4c14, transparent 28%), radial-gradient(circle at top right, #c45c2614, transparent 24%), var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}p{margin:0}.page{flex-direction:column;gap:1.25rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h1{font-size:1.75rem}.page-header p{color:var(--ink-muted);margin-top:.35rem}.btn{background:var(--brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;transition:background .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--brand-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-elevated);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{background:#eef2f6}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#912018}.btn-ghost{color:var(--ink-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--ink);background:#1420330d}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--ink-muted);font-size:.875rem;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:.7rem .85rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:2px solid #0c5c4c40}.field textarea{resize:vertical;min-height:90px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.dash-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.folder-card,.dash-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.55rem;padding:1.15rem;transition:transform .15s,border-color .15s;display:flex}.dash-card{gap:0;padding:0;overflow:hidden}.folder-card:hover{border-color:#b7c5d6;transform:translateY(-2px)}.dash-card:hover{border-color:#b7c5d6;box-shadow:0 14px 34px #1420331f}.folder-icon,.dash-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:12px;place-items:center;font-weight:700;display:grid}.dash-preview{aspect-ratio:16/10;background:linear-gradient(160deg, var(--brand-soft), #eef2f6 55%, #e8edf3);position:relative;overflow:hidden}.dash-preview-frame{transform-origin:0 0;pointer-events:none;opacity:0;background:#fff;border:0;width:400%;height:400%;transition:opacity .35s;position:absolute;top:0;left:0;transform:scale(.25)}.dash-preview-frame.is-ready{opacity:1}.dash-preview-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dash-preview-loading{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.dash-preview-shimmer{background:linear-gradient(110deg,#0000 30%,#ffffff8c 45%,#0000 60%) 0 0/200% 100%;animation:1.4s ease-in-out infinite dash-preview-shimmer;position:absolute;inset:0}.dash-preview-spinner{border:2.5px solid #0c5c4c2e;border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite dash-preview-spin;position:relative}@keyframes dash-preview-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes dash-preview-spin{to{transform:rotate(360deg)}}.dash-card-body{flex-direction:column;gap:.35rem;padding:.95rem 1.1rem 1.1rem;display:flex}.folder-card h3,.dash-card h3{font-size:1.05rem}.meta{color:var(--ink-muted);font-size:.9rem}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-muted);background:#ffffffb3;padding:2.5rem 1.5rem}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid #fecdca;border-radius:10px;padding:.85rem 1rem}.search-bar{max-width:360px}.table-wrap{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto}table.data{border-collapse:collapse;width:100%;min-width:680px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.9rem 1rem}table.data th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);background:#f8fafc;font-size:.8rem}table.data tr:last-child td{border-bottom:none}.badge{background:var(--brand-soft);color:var(--brand);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.muted{color:var(--ink-muted);background:#eef2f6}.badge.warn{color:var(--accent);background:#fff4ed}.modal-backdrop{z-index:50;background:#14203373;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;flex-direction:column;gap:1rem;width:min(560px,100%);padding:1.25rem;display:flex;box-shadow:0 20px 50px #14203333}.modal h2{font-size:1.25rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.form-grid{gap:.9rem;display:grid}.check-list{border:1px solid var(--line);border-radius:10px;gap:.45rem;max-height:180px;padding:.75rem;display:grid;overflow:auto}.check-list label{color:var(--ink);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.actions-inline{flex-wrap:wrap;gap:.4rem;display:flex}.muted{color:var(--ink-muted)}