.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:9px;font-family:inherit;font-weight:600;cursor:pointer;white-space:nowrap;transition:filter .15s ease,background .15s ease,opacity .15s ease}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn:not(:disabled):hover{filter:brightness(1.06)}.ui-btn--sm{padding:.3rem .6rem;font-size:.85rem}.ui-btn--md{padding:.5rem .9rem;font-size:.95rem}.ui-btn--lg{padding:.7rem 1.2rem;font-size:1.05rem}.ui-btn--primary{background:var(--lt-primary);color:#fff}.ui-btn--secondary{background:var(--lt-surface);color:var(--lt-text);border-color:var(--lt-border)}.ui-btn--danger{background:var(--lt-danger);color:#fff}.ui-btn--ghost{background:transparent;color:var(--lt-text)}.ui-btn--ghost:hover{background:color-mix(in srgb,var(--lt-text) 8%,transparent)}.ui-card{background:var(--lt-surface);border:1px solid var(--lt-border);border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 1px 2px #0000000a}.ui-pageheader{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.ui-pageheader__title{margin:0;font-size:1.6rem;color:var(--lt-text)}.ui-pageheader__subtitle{margin:.2rem 0 0;color:var(--lt-text-muted)}.ui-pageheader__actions{display:flex;gap:.5rem;flex-wrap:wrap}.ui-badge{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;font-size:.78rem;font-weight:700}.ui-badge--neutral{background:color-mix(in srgb,var(--lt-text) 12%,transparent);color:var(--lt-text)}.ui-badge--success{background:color-mix(in srgb,var(--lt-online) 22%,transparent);color:var(--lt-online)}.ui-badge--warning{background:color-mix(in srgb,var(--lt-syncing) 22%,transparent);color:var(--lt-syncing)}.ui-badge--danger{background:color-mix(in srgb,var(--lt-danger) 18%,transparent);color:var(--lt-danger)}.ui-badge--info{background:color-mix(in srgb,var(--lt-primary) 18%,transparent);color:var(--lt-primary)}.ui-tag{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:6px;font-size:.78rem;font-weight:600;background:color-mix(in srgb,var(--lt-text) 10%,transparent);color:var(--lt-text)}.ui-spin{animation:ui-rotate .9s linear infinite}@keyframes ui-rotate{to{transform:rotate(360deg)}}.ui-spinner{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:2rem;color:var(--lt-text-muted)}.ui-empty{text-align:center;padding:2.5rem 1rem;color:var(--lt-text-muted)}.ui-empty__title{margin:0 0 .3rem;font-weight:700;color:var(--lt-text)}.ui-empty__desc{margin:0 0 .8rem}.ui-search{position:relative;display:inline-flex;align-items:center}.ui-search__icon{position:absolute;left:.55rem;color:var(--lt-text-muted)}.ui-search__input{padding:.5rem .7rem .5rem 2rem;border:1px solid var(--lt-border);border-radius:9px;background:var(--lt-surface);color:var(--lt-text);font-family:inherit;min-width:220px}.ui-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.ui-field__label{font-size:.88rem;font-weight:600;color:var(--lt-text)}.ui-field__req{color:var(--lt-danger)}.ui-field__hint{font-size:.8rem;color:var(--lt-text-muted)}.ui-field__error{font-size:.8rem;color:var(--lt-danger)}.ui-input{width:100%;padding:.5rem .7rem;border:1px solid var(--lt-border);border-radius:9px;background:var(--lt-surface);color:var(--lt-text);font-family:inherit;font-size:.95rem}.ui-input:focus{outline:2px solid color-mix(in srgb,var(--lt-primary) 50%,transparent);outline-offset:1px}.ui-textarea{min-height:90px;resize:vertical}.ui-select{cursor:pointer}.ui-switch{display:inline-flex;align-items:center;gap:.5rem;border:none;background:transparent;cursor:pointer;color:var(--lt-text);font-family:inherit}.ui-switch__knob{position:relative;width:40px;height:22px;border-radius:999px;background:var(--lt-border);transition:background .15s ease}.ui-switch__knob:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.ui-switch--on .ui-switch__knob{background:var(--lt-primary)}.ui-switch--on .ui-switch__knob:after{transform:translate(18px)}.ui-table-wrap{overflow-x:auto;border:1px solid var(--lt-border);border-radius:12px;background:var(--lt-surface)}.ui-table{width:100%;border-collapse:collapse;font-size:.92rem}.ui-table th{text-align:left;padding:.6rem .8rem;color:var(--lt-text-muted);font-weight:700;border-bottom:1px solid var(--lt-border);white-space:nowrap}.ui-table td{padding:.6rem .8rem;border-bottom:1px solid var(--lt-border);color:var(--lt-text)}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table__row--click{cursor:pointer}.ui-table__row--click:hover td{background:color-mix(in srgb,var(--lt-primary) 7%,transparent)}.ui-table__empty{text-align:center;color:var(--lt-text-muted);padding:1.6rem}.ui-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.ui-modal__panel{width:100%;max-height:90vh;overflow-y:auto;background:var(--lt-surface);border:1px solid var(--lt-border);border-radius:16px;box-shadow:0 12px 40px #0000004d}.ui-modal__panel--sm{max-width:420px}.ui-modal__panel--md{max-width:640px}.ui-modal__panel--lg{max-width:920px}.ui-modal__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--lt-border)}.ui-modal__title{margin:0;font-size:1.2rem;color:var(--lt-text)}.ui-modal__close{border:none;background:transparent;color:var(--lt-text-muted);cursor:pointer}.ui-modal__body{padding:1.25rem}.ui-modal__foot{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--lt-border)}.ui-confirm{color:var(--lt-text);line-height:1.5}.ui-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--lt-border);margin-bottom:1.1rem;flex-wrap:wrap}.ui-tab{border:none;background:transparent;padding:.55rem .9rem;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--lt-text-muted);cursor:pointer;border-bottom:2px solid transparent}.ui-tab--active{color:var(--lt-primary);border-bottom-color:var(--lt-primary)}.ui-toasts{position:fixed;bottom:1rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;max-width:min(90vw,380px)}.ui-toast{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-radius:11px;background:var(--lt-surface);border:1px solid var(--lt-border);box-shadow:0 6px 20px #0000002e;color:var(--lt-text)}.ui-toast--success{border-left:4px solid var(--lt-online)}.ui-toast--error{border-left:4px solid var(--lt-danger)}.ui-toast--info{border-left:4px solid var(--lt-primary)}.ui-toast span{flex:1;font-size:.9rem}.ui-toast__close{border:none;background:transparent;color:var(--lt-text-muted);cursor:pointer}.ui-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.ui-toolbar__spacer{flex:1}.ui-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ui-form-grid{display:grid;gap:0 1rem;grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.ui-form-grid{grid-template-columns:1fr}}.ui-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.wb__toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;flex-wrap:wrap}.wb__color{width:36px;height:36px;border-radius:50%;border:3px solid var(--lt-border, #33302a);cursor:pointer}.wb__color--on{border-color:#fff;transform:scale(1.12)}.wb__canvas{width:100%;aspect-ratio:1000 / 600;background:#fff;border-radius:12px;touch-action:none}:root{--color-brown: #53331f;--color-green: #4c6b5a;--color-black: #161616;--color-red: #b03b3b;--color-cream: #e4dac2}*{box-sizing:border-box}body{margin:0;font-family:Lato,system-ui,sans-serif;background:var(--lt-bg, var(--color-black));color:var(--lt-text, var(--color-cream));user-select:none;-webkit-user-select:none}.mb-shell{min-height:100vh;display:flex;flex-direction:column}.mb-topbar{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;background:linear-gradient(90deg,var(--lt-black, #161616),var(--lt-accent),var(--lt-primary));color:#fff;position:sticky;top:0;z-index:10}.mb-topbar__title{margin:0;font-size:1.25rem;flex:1}.mb-topbar__btn{border:none;border-radius:10px;background:#ffffff29;color:#fff;padding:.6rem .9rem;font-size:1rem;font-weight:700;cursor:pointer}.mb-content{flex:1;padding:1.1rem;max-width:1100px;width:100%;margin:0 auto}.mb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.mb-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:140px;padding:1.2rem;border:none;border-radius:18px;background:var(--lt-surface, #1e1e1e);color:var(--lt-text, #e4dac2);font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000040}.mb-tile:active{transform:scale(.97)}.mb-tile__icon{font-size:2.2rem}.mb-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.mb-login__card{width:100%;max-width:420px;background:var(--lt-surface, #1e1e1e);border-radius:18px;padding:1.6rem;display:flex;flex-direction:column;gap:.9rem}.mb-login__card input{font-size:1.15rem;padding:.8rem}.mb-big-list{display:flex;flex-direction:column;gap:.7rem}.mb-row-card{background:var(--lt-surface, #1e1e1e);border:1px solid var(--lt-border, #33302a);border-radius:14px;padding:1rem 1.1rem}.app-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:.75rem;text-align:center;padding:1.5rem}