:root{--navy: #1e2142;--coral: #f0525f;--teal: #5cc8d1;--bg: #101229;--surface: rgba(30, 33, 66, .6);--surface-solid: #1e2142;--surface-hover: rgba(92, 200, 209, .1);--border: rgba(92, 200, 209, .2);--border-strong: rgba(92, 200, 209, .45);--text: #eef0fb;--text-muted: #7a80ac;--accent: var(--teal);--accent-hover: #83d7de;--accent-soft: rgba(92, 200, 209, .14);--danger: var(--coral);--danger-soft: rgba(240, 82, 95, .14);--success: #4ade80;--radius: 8px;--shadow: 0 0 0 1px var(--border), 0 0 28px rgba(92, 200, 209, .08);--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(ellipse at top,rgba(92,200,209,.09),transparent 55%),radial-gradient(ellipse at bottom,rgba(240,82,95,.05),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin:0 0 .5em}a{color:var(--accent);text-decoration:none}button{font-family:inherit;font-size:.95rem;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.55em 1.1em;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-hover);color:var(--text);transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--accent-soft);border-color:var(--border-strong)}.btn-primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.btn-primary:hover{background:var(--accent);color:#04141a}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-icon{padding:.4em;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius)}.btn-icon:hover{background:var(--surface-hover);color:var(--accent)}input,textarea,select{font-family:inherit;font-size:.92rem;padding:.55em .75em;border-radius:var(--radius);border:1px solid var(--border);background:#0000004d;color:var(--text);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:flex;flex-direction:column;gap:.3em;font-size:.8rem;color:var(--text-muted);margin-bottom:1em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.error{color:var(--danger);font-size:.85rem}.success{color:var(--success);font-size:.85rem}.page{max-width:640px;margin:0 auto;padding:2rem 1.5rem 3rem}@media(max-width:480px){.page{padding:1.25rem 1rem 2.5rem}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.3rem}.empty-state{color:var(--text-muted);font-size:.85rem;padding:1.5rem 1rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.panel{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;container-type:size;container-name:widget}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.panel-header h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0}.panel-form{display:flex;flex-direction:column;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.panel-form-row{display:flex;gap:.6rem}.panel-body{flex:1;min-height:0;overflow-y:auto;padding:.6rem .75rem}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.item-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .5rem;border-radius:var(--radius);font-size:.88rem}.item-row:hover{background:var(--surface-hover)}.item-row.done .item-title{text-decoration:line-through;color:var(--text-muted)}.item-title{flex:1;min-width:0}.item-meta{color:var(--text-muted);font-size:.75rem;white-space:nowrap;font-family:var(--font-mono)}gridster{background:transparent!important}gridster-item{background:transparent!important;border-radius:var(--radius)!important}.gridster-item-resizable-handler{z-index:5!important}.gridster-column,.gridster-row{border-color:var(--border)!important}