.admin-side-panel-overlay{z-index:var(--index-overlay);opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s;position:fixed;inset:0}.admin-side-panel-overlay.active,.admin-side-panel-overlay[data-state=open]{opacity:1;pointer-events:auto}.admin-side-panel{--side-panel-width:500px;--side-panel-pad-x:1.5rem;--side-panel-pad-y:1.5rem;--side-panel-gap:1rem;--side-panel-rule:1px dashed rgba(var(--text-main-rgb), .12);z-index:var(--index-modal);width:var(--side-panel-width);background:rgba(var(--bg-body-rgb), .98);border-left:1px solid rgba(var(--text-main-rgb), .1);max-width:90vw;height:100dvh;max-height:100dvh;box-shadow:none;transition:transform var(--transition-spring);flex-direction:column;padding:0;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.admin-side-panel.active,.admin-side-panel[data-state=open]{transform:translate(0)}.admin-side-panel[data-side=left]{border-right:1px solid rgba(var(--text-main-rgb), .1);border-left:0;left:0;right:auto;transform:translate(-100%)}.admin-side-panel[data-side=left][data-state=open]{transform:translate(0)}#todo-quick-add-panel{--side-panel-width:420px;--side-panel-pad-x:1rem;--side-panel-pad-y:1rem}@media (width<=768px){#todo-quick-add-panel{width:min(420px,100vw - 2rem);max-width:calc(100vw - 2rem)}}.admin-side-panel[data-state=closed],.admin-side-panel-overlay[data-state=closed]{visibility:hidden}.admin-side-panel .panel-header{padding:var(--side-panel-pad-y) var(--side-panel-pad-x) 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.admin-side-panel .panel-title{min-width:0;color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.8rem;font-weight:900;display:flex}.admin-side-panel .panel-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-side-panel .close-panel-btn{width:2rem;height:2rem;color:var(--text-main);cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:1.35rem;transition:opacity .2s,color .2s;display:inline-flex}.admin-side-panel .panel-header-actions{align-items:center;gap:.35rem;display:flex}.admin-side-panel .panel-header-action-btn{width:2rem;height:2rem;color:var(--text-main);cursor:pointer;opacity:.55;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.78rem;display:inline-flex}.admin-side-panel .panel-header-action-btn:hover,.admin-side-panel .panel-header-action-btn:focus-visible,.admin-side-panel .close-panel-btn:hover,.admin-side-panel .close-panel-btn:focus-visible{color:var(--accent);opacity:1}.admin-side-panel .panel-body{overscroll-behavior:contain;min-width:0;min-height:0;padding:1.35rem var(--side-panel-pad-x) var(--side-panel-pad-y);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.admin-side-panel .panel-body::-webkit-scrollbar{display:none}.admin-side-panel .panel-body>form,.admin-side-panel .side-panel-form{gap:var(--side-panel-gap);flex-direction:column;min-width:0;display:flex}.admin-side-panel .form-group,.admin-side-panel .admin-form-grid{min-width:0;margin:0}.admin-side-panel .admin-input,.admin-side-panel .admin-select,.admin-side-panel .admin-textarea{box-sizing:border-box;min-width:0}.admin-side-panel .side-panel-meta{color:var(--text-main);font-family:var(--font-mono);letter-spacing:.04em;opacity:.52;text-transform:uppercase;margin:0 0 .1rem;font-size:.58rem;font-weight:800;line-height:1.5}.admin-side-panel .side-panel-section{border-top:var(--side-panel-rule);border-bottom:var(--side-panel-rule);flex-direction:column;gap:.75rem;min-width:0;margin:.25rem 0 .4rem;padding:1rem 0 1.15rem;display:flex}.admin-side-panel .side-panel-section-head,.admin-side-panel .side-panel-log-head{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.75rem;min-width:0;display:grid}.admin-side-panel .side-panel-section-head label{color:var(--accent);font-family:var(--font-mono);letter-spacing:var(--ls-wider);text-transform:uppercase;font-size:.68rem;font-weight:900}.admin-side-panel .side-panel-section-count,.admin-side-panel .side-panel-empty,.admin-side-panel .side-panel-log-meta,.admin-side-panel .side-panel-status{color:var(--text-main);font-family:var(--font-mono);letter-spacing:.08em;opacity:.42;text-transform:uppercase;font-size:8px;font-weight:800;line-height:1.5}.admin-side-panel .side-panel-status.success{color:var(--accent);opacity:.8}.admin-side-panel .side-panel-status.error{color:var(--color-danger);opacity:.85}.admin-side-panel .side-panel-stack,.admin-side-panel .side-panel-log-list{flex-direction:column;gap:.6rem;min-width:0;display:flex}.admin-side-panel .side-panel-log-item{border-bottom:1px dotted rgba(var(--text-main-rgb), .12);min-width:0;padding:0 0 .65rem}.admin-side-panel .side-panel-log-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-side-panel .side-panel-log-note{color:var(--text-main);font-family:var(--font-mono);opacity:.82;white-space:pre-wrap;word-break:break-word;margin-top:.25rem;font-size:.62rem;font-weight:700;line-height:1.5}.admin-side-panel .side-panel-input-row{grid-template-columns:minmax(0,1fr) 9.5rem;align-items:stretch;gap:.65rem;min-width:0;display:grid}.admin-side-panel .side-panel-text-action,.admin-side-panel .side-panel-inline-action{color:var(--text-main);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;background:0 0;border:0;border-radius:0;justify-self:end;padding:0;font-weight:900}.admin-side-panel .side-panel-text-action{letter-spacing:.08em;opacity:.35;font-size:8px}.admin-side-panel .side-panel-text-action:hover,.admin-side-panel .side-panel-text-action:focus-visible{color:var(--accent);opacity:1}.admin-side-panel .side-panel-inline-action{border-bottom:1px solid rgba(var(--text-main-rgb), .12);letter-spacing:.08em;opacity:.52;white-space:nowrap;justify-content:center;align-items:center;width:100%;min-width:0;min-height:42px;padding:.6rem 0 .4rem;font-size:.58rem;line-height:1.1;display:inline-flex}.admin-side-panel .side-panel-inline-action:hover,.admin-side-panel .side-panel-inline-action:focus-visible{border-bottom-color:var(--accent);color:var(--accent);opacity:1}.admin-side-panel .side-panel-inline-action .btn-icon-right{margin-left:.45rem}.admin-side-panel .side-panel-actions,.admin-side-panel .form-actions-panel{flex-direction:column;gap:.8rem;margin-top:1.25rem;display:flex}.admin-side-panel .side-panel-actions .submit-btn,.admin-side-panel .form-actions-panel .submit-btn{width:100%;margin-top:0}.admin-side-panel .side-panel-actions .action-btn.delete,.admin-side-panel .form-actions-panel .action-btn.delete,.admin-side-panel .side-panel-actions .delete-log-btn,.admin-side-panel .form-actions-panel .delete-log-btn{width:100%;min-height:42px;color:var(--text-main);opacity:.42;gap:.45rem;padding:.75rem}.admin-side-panel .side-panel-actions .action-btn.delete:hover,.admin-side-panel .side-panel-actions .action-btn.delete:focus-visible,.admin-side-panel .form-actions-panel .action-btn.delete:hover,.admin-side-panel .form-actions-panel .action-btn.delete:focus-visible,.admin-side-panel .side-panel-actions .delete-log-btn:hover,.admin-side-panel .side-panel-actions .delete-log-btn:focus-visible,.admin-side-panel .form-actions-panel .delete-log-btn:hover,.admin-side-panel .form-actions-panel .delete-log-btn:focus-visible{color:var(--color-danger);opacity:1}@media (width<=768px){.admin-side-panel{width:100%;max-width:100vw}}@media (width<=520px){.admin-side-panel{--side-panel-pad-x:1rem}.admin-side-panel .side-panel-input-row{grid-template-columns:1fr}}
