:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#e8eeeb;background:#101715;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#101715;--panel:#161f1c;--panel-2:#1b2622;--line:#27332e;--text:#e8eeeb;--muted:#8b9991;--muted-2:#66756d;--mint:#bde5cb;--green:#9dd9b3;--accent:#aadfba;--amber:#f1c783;--rose:#e69d91;--blue:#8ec5cf;--shadow:0 20px 60px #0003}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1680px;margin:auto;min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:30px 19px 22px;display:flex;flex-direction:column;background:#121a17}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font:800 19px system-ui,sans-serif;text-decoration:none;letter-spacing:-.7px;margin:3px 0 55px}.brand-mark{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#122018;background:var(--mint);font:800 19px system-ui;box-shadow:0 5px 20px #aaddba24}.brand-dot{color:var(--green)}.side-label,.eyebrow{font:500 10px ui-monospace,monospace;letter-spacing:1.35px;color:var(--muted-2)}.side-label{padding:0 13px;margin-bottom:13px}.sidebar nav{display:grid;gap:5px}.nav-link{height:43px;padding:0 13px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--muted);border-radius:8px;font-size:13px}.nav-link span{font-size:17px;width:19px;color:#9cac9f}.nav-link b{margin-left:auto;font:11px ui-monospace,monospace;background:#27352e;color:#b8c5bd;padding:4px 7px;border-radius:5px}.nav-link.active{background:#26342d;color:#e5f3e8}.nav-link.active span{color:var(--mint)}.side-bottom{margin-top:auto}.privacy-mark{display:flex;gap:12px;padding:13px 11px;border:1px solid #304038;background:#17211c;border-radius:9px;margin-bottom:19px}.lock-icon{width:30px;height:30px;display:grid;place-items:center;background:#24372b;color:var(--mint);border-radius:7px}.privacy-mark strong,.profile strong{display:block;font-size:11px;font-weight:600}.privacy-mark small,.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.profile{border-top:1px solid var(--line);padding:18px 3px 0;display:flex;align-items:center;gap:10px}.avatar{width:31px;height:31px;background:#b9d5c0;color:#203228;border-radius:50%;display:grid;place-items:center;font:700 13px system-ui}.more{margin-left:auto;color:var(--muted);letter-spacing:2px}main{min-width:0;padding:0 54px 19px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:#c5cdc7}.breadcrumb span{color:#65736b;padding:0 8px}.top-actions{display:flex;align-items:center;gap:15px}.local-pill{font-size:11px;color:#a7b9aa;display:flex;align-items:center;gap:7px;background:#1a2920;border:1px solid #2a4132;border-radius:20px;padding:8px 11px}.local-pill i,footer i{width:6px;height:6px;border-radius:50%;background:#83d69d;box-shadow:0 0 9px #83d69d66}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--muted);width:34px;height:34px;border-radius:8px}.welcome{padding:36px 0 27px;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{font:600 29px system-ui,sans-serif;letter-spacing:-1.05px;margin-bottom:7px}h1 em{font-style:normal;color:var(--mint)}.subhead{font-size:12px;color:var(--muted);margin-bottom:0}.button{border:1px solid transparent;padding:10px 14px;border-radius:7px;font-size:11px;font-weight:600;display:inline-flex;gap:9px;align-items:center;justify-content:center;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{color:#122018;background:var(--mint);box-shadow:0 4px 14px #bde5cb1a}.button.primary:hover{background:#d0f0d8}.button.secondary{background:#202b26;border-color:#35433b;color:#d4ded7}.button span{font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.stat-card{padding:16px 17px 15px;min-height:113px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#a5b0a9;font-size:11px;margin-bottom:11px}.stat-icon{height:25px;width:25px;border-radius:6px;display:grid;place-items:center;font-size:14px}.stat-icon.green{color:#a9dbb9;background:#21352a}.stat-icon.blue{color:#a2d4dd;background:#203237}.stat-icon.amber{color:#f0ca8b;background:#393024}.stat-icon.rose{color:#eba89c;background:#392a29}.stat-card>strong{display:block;font:600 23px system-ui,sans-serif;letter-spacing:-.4px;margin-bottom:3px}.stat-card>small{font-size:9px;color:var(--muted-2)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px;align-items:start}.inventory-panel{overflow:hidden;min-height:416px}.panel-heading{padding:17px 19px 13px;display:flex;justify-content:space-between;align-items:center}.panel-heading .eyebrow{margin-bottom:6px}.panel-heading h2{font:600 15px system-ui,sans-serif;letter-spacing:-.2px;margin:0}.panel-heading h2>span{font:10px ui-monospace,monospace;color:#9ba89e;margin-left:5px;background:#26322c;padding:4px 6px;border-radius:4px}.toolbar{display:flex;gap:8px;padding:0 18px 14px}.search-box{height:34px;min-width:140px;flex:1;display:flex;align-items:center;gap:8px;background:#111916;border:1px solid #2a3730;border-radius:6px;padding:0 9px}.search-box>span{font-size:17px;color:#829187}.search-box input{background:none;border:0;outline:0;color:var(--text);font-size:10px;min-width:0;flex:1}.search-box input::placeholder{color:#66746c}.search-box kbd{font:9px ui-monospace,monospace;color:#77867c;border:1px solid #37433d;border-radius:4px;padding:3px 4px}.toolbar select{height:34px;color:#bcc7bf;background:#18211d;border:1px solid #2b3931;border-radius:6px;padding:0 25px 0 9px;font-size:10px;max-width:136px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#19221e}th{font:500 9px ui-monospace,monospace;letter-spacing:.75px;color:#7e8a82;padding:10px 11px;border-top:1px solid #242f29;border-bottom:1px solid #28332d}th:first-child,td:first-child{padding-left:19px}th:last-child,td:last-child{padding-right:16px}td{padding:12px 11px;border-bottom:1px solid #252f2a;font-size:10px;color:#aeb9b1}tbody tr{transition:background .12s;cursor:pointer}tbody tr:hover{background:#1c2822}tbody tr:last-child td{border-bottom:0}.item-cell{display:flex;align-items:center;gap:9px}.item-avatar{height:30px;width:30px;border:1px solid #37493b;border-radius:8px;background:linear-gradient(140deg,#253d2d,#1c2921);color:#b8dfc3;display:grid;place-items:center;font:600 9px system-ui}.item-cell strong{display:block;color:#dbe3dd;font-size:10px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis}.item-cell small{display:block;color:#7f8d84;font-size:9px;margin-top:3px}.value-cell{font:10px ui-monospace,monospace;color:#cbd5ce}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:5px 6px;font-size:9px}.badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.badge.active{color:#9cdbaf;background:#203429}.badge.soon{color:#eac481;background:#352f22}.badge.expired{color:#e69b91;background:#352523}.badge.neutral{color:#a6b1a8;background:#27302b}.row-menu{border:0;background:transparent;color:#78867d;letter-spacing:2px;padding:3px}.right-column{display:grid;gap:13px}.warranty-panel{padding-bottom:6px}.warranty-panel .panel-heading{padding-bottom:12px}.calendar-icon{float:right;color:#91a397;font-size:13px}.warranty-list{padding:0 15px}.watch-row{display:flex;align-items:center;gap:10px;padding:10px 1px;border-top:1px solid #27322c}.watch-date{width:34px;height:36px;border-radius:6px;background:#26362b;color:#c0e4c9;display:flex;flex-direction:column;align-items:center;justify-content:center}.watch-date b{font:600 14px system-ui}.watch-date small{font:8px ui-monospace,monospace}.watch-info{min-width:0;flex:1}.watch-info strong{display:block;font-size:10px;color:#d6ded8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-info small{display:block;font-size:9px;color:#87958b;margin-top:4px}.watch-arrow{color:#718077;font-size:12px}.mini-empty{height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#97a69b}.mini-empty>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#21372a;color:#a9dfb6}.mini-empty strong{font-size:10px;color:#c9d5cc}.mini-empty small{font-size:9px;color:#839188}.tip-card{position:relative;overflow:hidden;min-height:160px;padding:16px 17px;border:1px solid #334739;border-radius:10px;background:linear-gradient(125deg,#1e2d23,#1b2920 57%,#263a2b);}.tip-icon{font-size:14px;color:#bbdfc3;margin-bottom:10px}.tip-label{font:9px ui-monospace,monospace;letter-spacing:1px;color:#a1bc9f}.tip-card p{position:relative;z-index:1;max-width:215px;color:#d6e0d6;font-size:11px;line-height:1.6;margin:9px 0 9px}.tip-card button{position:relative;z-index:1;border:0;background:none;padding:0;color:#aee0ba;font-size:10px}.tip-card button span{margin-left:5px}.tip-orb{position:absolute;width:102px;height:102px;border:1px solid #6882673b;border-radius:50%;right:-32px;top:-38px;box-shadow:0 0 0 14px #718a6710,0 0 0 30px #718a6709}.backup-panel{padding:15px}.backup-title{display:flex;gap:10px;align-items:center}.backup-symbol{width:29px;height:29px;border:1px solid #38483d;border-radius:7px;display:grid;place-items:center;color:#b6d9be}.backup-title strong{display:block;font-size:10px}.backup-title small{display:block;font-size:9px;color:#88968d;margin-top:4px}.backup-actions{display:flex;gap:7px;margin-top:13px}.backup-actions button{flex:1;background:#202a25;border:1px solid #354138;border-radius:5px;color:#bbc6be;padding:7px 4px;font-size:9px}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:38px 20px 30px}.empty-state[hidden]{display:none}.empty-art{position:relative;width:64px;height:64px;background:#21332a;border:1px solid #334d3b;border-radius:18px;display:grid;place-items:center;margin-bottom:15px;color:#b6e1c0;font-size:31px}.empty-art i{position:absolute;right:-8px;top:-6px;font-size:16px;color:#edd398;font-style:normal}.empty-state h3{font:600 15px system-ui;margin-bottom:6px}.empty-state p{max-width:330px;color:#87958b;font-size:10px;line-height:1.6;margin-bottom:14px}.no-results{text-align:center;color:#8c998f;font-size:11px;padding:30px}.no-results button{border:0;background:none;color:var(--mint);text-decoration:underline}footer{height:49px;display:flex;align-items:flex-end;justify-content:space-between;color:#738078;font:9px ui-monospace,monospace;letter-spacing:.4px}footer b{color:#a9d8b5;margin:0 3px}footer span:last-child{display:flex;align-items:center;gap:7px}footer i{display:inline-block}.item-dialog{width:min(570px,calc(100% - 24px));max-height:90vh;overflow:auto;background:#151e1a;color:var(--text);border:1px solid #35433b;border-radius:13px;padding:0;box-shadow:var(--shadow)}.item-dialog::backdrop{background:#050908c9;backdrop-filter:blur(3px)}.item-dialog form{padding:21px}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.dialog-top h2{font:600 20px system-ui;margin:0}.dialog-close{border:1px solid #37443c;background:#1d2922;color:#aebbb1;width:29px;height:29px;border-radius:7px;font-size:20px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#bac5bd;font-size:10px}.form-grid label>span{display:inline;color:#e8a296}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:36px;border:1px solid #36433b;background:#101815;border-radius:6px;color:#e0e7e1;padding:8px 10px;outline:none;font-size:11px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#84ae90;box-shadow:0 0 0 2px #84ae9028}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#66746a}.form-error{min-height:17px;color:#ef9b90;font-size:10px;padding-top:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:13px;margin-top:4px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#c2e5c9;color:#15211a;padding:11px 17px;border-radius:8px;font-size:11px;font-weight:600;box-shadow:var(--shadow);transition:all .2s}.toast.visible{transform:translate(-50%,0);opacity:1}.toast.error{background:#f1b0a4}.light-theme{--bg:#f1f5f1;--panel:#fff;--panel-2:#f1f5f1;--line:#dfe7df;--text:#243128;--muted:#657369;--muted-2:#7e8c81}.light-theme .sidebar{background:#f9fbf9}.light-theme .nav-link.active{background:#e5f0e7;color:#34493a}.light-theme .stat-card,.light-theme .panel{box-shadow:0 4px 18px #22332208}.light-theme .search-box,.light-theme .toolbar select,.light-theme .form-grid input,.light-theme .form-grid select,.light-theme .form-grid textarea{background:#f8faf8;color:#29352d}.light-theme .item-cell strong,.light-theme .watch-info strong,.light-theme .panel-heading h2{color:#28362d}.light-theme .backup-actions button,.light-theme .button.secondary{background:#f2f6f2;color:#435248;border-color:#dfe8df}.light-theme .item-dialog{background:#fff;color:#25312a}
@media(max-width:1120px){main{padding-left:30px;padding-right:30px}.app-shell{grid-template-columns:220px 1fr}.content-grid{grid-template-columns:minmax(0,1fr) 250px}.toolbar select{max-width:116px}th,td{padding-left:7px;padding-right:7px}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{height:62px;position:sticky;z-index:5;top:0;padding:0 17px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0}.sidebar>.side-label,.sidebar nav,.side-bottom{display:none}main{padding:0 22px 18px}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.warranty-panel{grid-row:span 2}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){main{padding-left:14px;padding-right:14px}.topbar{height:56px}.welcome{padding:25px 0 19px;display:block}.welcome .button{margin-top:15px}h1{font-size:23px}.stats-grid{gap:8px}.stat-card{padding:12px;min-height:100px}.content-grid{gap:11px}.panel-heading{padding:14px}.toolbar{padding:0 12px 12px;flex-wrap:wrap}.search-box{flex-basis:100%}.toolbar select{flex:1;max-width:none}th:first-child,td:first-child{padding-left:12px}table{min-width:680px}.right-column{grid-template-columns:1fr}.warranty-panel{grid-row:auto}.tip-card{min-height:145px}footer{font-size:8px}.item-dialog form{padding:16px}.form-grid{gap:10px}footer span:first-child{display:none}}