:root{--bg:#07111c;--bg2:#0b1a2a;--panel:#102234;--panel2:#142c41;--line:#263c50;--text:#edf6ff;--muted:#9ab0c5;--aqua:#57caff;--green:#44df87;--orange:#ffae3a;--red:#ff626b;--yellow:#ffdb56;--radius:18px;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 15% 0%,#103b39 0%,transparent 36%),radial-gradient(ellipse at 110% 28%,#3d1b24 0%,transparent 40%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;min-width:0;outline:none;color:#fff;border:1px solid #335065;border-radius:12px;background:#0b1a2b;padding:13px 12px;min-height:47px;font-size:15px}input:focus,select:focus,textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 2px #57caff22}textarea{min-height:82px;resize:vertical}input[type='datetime-local'],input[type='date']{color-scheme:dark}input[type='checkbox']{width:auto;min-height:auto;accent-color:var(--green)}a{color:var(--aqua)}.safe-status{height:env(safe-area-inset-top,0px);background:#06101b}.shell{max-width:570px;min-height:calc(100dvh - env(safe-area-inset-top,0px));margin:0 auto;padding:0 15px calc(104px + env(safe-area-inset-bottom,0px))}.topbar{position:sticky;top:0;z-index:20;padding:14px 2px;background:#07111cf0;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff09}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:47px;height:47px;border-radius:12px;object-fit:cover}.brand-name{font-weight:850;font-size:23px;letter-spacing:-.65px;line-height:1}.brand-by{font-weight:900;font-size:9px;letter-spacing:1.35px;color:#dfbd6d;margin-top:4px}.topbutton{height:41px;min-width:41px;border:1px solid var(--line);border-radius:13px;background:#142536;color:#d4e6f6;font-size:20px}.section{margin-top:22px}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.heading h2{font-size:18px;margin:0;font-weight:800;letter-spacing:-.3px}.heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#b8c8d3;text-transform:uppercase;font-weight:900}.hero{border:1px solid #365162;border-radius:23px;background:linear-gradient(125deg,#174237 0%,#102b39 56%,#251c29 100%);padding:20px 18px;box-shadow:0 17px 42px #0004;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:-50px;top:-65px;width:200px;height:200px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 36px #ffffff07,0 0 0 72px #ffffff04}.hero>*{position:relative}.hero h1{font-size:22px;margin:8px 0 5px;letter-spacing:-.55px}.hero p{margin:0;font-size:12px;color:#c4d5d7;line-height:1.5}.hero-bottom{display:flex;gap:12px;align-items:center;margin-top:18px}.ring{border:5px solid var(--green);height:64px;width:64px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;flex:none;background:#061b1d}.ring.warn{border-color:var(--orange)}.ring.bad{border-color:var(--red)}.hero-caption strong{font-size:13px;display:block}.hero-caption span{display:block;color:#c6d8d5;font-size:12px;margin-top:4px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:13px}.summary-cell{background:#102335;border:1px solid #254052;border-radius:15px;padding:12px 5px;text-align:center}.summary-cell b{font-size:22px;display:block;font-variant-numeric:tabular-nums}.summary-cell span{font-size:10px;color:#a6b8c9}.green{color:var(--green)}.orange{color:var(--orange)}.yellow{color:var(--yellow)}.red{color:var(--red)}.categories{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cat{border:1px solid #335066;background:linear-gradient(140deg,#183b31,#112738 72%);padding:16px;border-radius:19px;text-align:left;color:var(--text);min-height:127px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 25px #0002}.cat:nth-child(2){background:linear-gradient(140deg,#3b2b19,#1c2636 80%)}.cat:nth-child(3){background:linear-gradient(140deg,#17314d,#102338 80%)}.cat:nth-child(4){background:linear-gradient(140deg,#322148,#192239 80%)}.cat-head{display:flex;justify-content:space-between;align-items:flex-start}.cat-emoji{font-size:27px}.dot{display:inline-block;border-radius:50%;width:12px;height:12px;background:var(--green);box-shadow:0 0 0 4px #44df871f}.dot.orange{background:var(--orange);box-shadow:0 0 0 4px #ffae3a22}.dot.red{background:var(--red);box-shadow:0 0 0 4px #ff626b22}.dot.yellow{background:var(--yellow);box-shadow:0 0 0 4px #ffdb5622}.cat-name{font-weight:850;font-size:15px}.cat-sub{font-size:11px;color:#c3d4de;margin-top:4px}.op-feature{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #244f49;background:linear-gradient(120deg,#0d3731,#112838);border-radius:19px;text-align:left;width:100%;color:var(--text)}.op-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#216959;font-size:24px}.op-feature strong{display:block;font-size:16px}.op-feature small{display:block;color:#bad0d5;margin-top:5px}.op-feature .arrow{margin-left:auto;color:#7ecbb3;font-size:25px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.empty{border:1px dashed #375168;padding:25px 16px;border-radius:17px;text-align:center;color:var(--muted);line-height:1.5}.empty b{display:block;color:var(--text);margin:9px 0 4px;font-size:14px}.empty-icon{font-size:30px}.alert-row{border:1px solid var(--line);background:var(--panel);padding:12px 13px;border-radius:14px;display:flex;gap:10px;align-items:center;margin-top:8px}.alert-row .details{flex:1;min-width:0}.alert-row strong{font-size:13px;display:block;overflow-wrap:anywhere}.alert-row small{color:var(--muted);font-size:11px}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 9px;background:#204637;color:#70e8a8;font-size:10px;font-weight:800;white-space:nowrap}.pill.orange{background:#51391e;color:#ffca72}.pill.red{background:#58232d;color:#ff9a9b}.pill.yellow{background:#574b1e;color:#ffe58c}.pill.blue{background:#193d58;color:#87cbf7}.tabbar{position:fixed;bottom:0;left:0;right:0;background:#07121cf0;backdrop-filter:blur(16px);border-top:1px solid #2a4052;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;z-index:30}.tabbar-inner{display:flex;max-width:570px;width:100%;justify-content:space-around}.nav-item{background:transparent;border:0;color:#8fa6bc;min-width:92px;padding:4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:750}.nav-item.active{color:var(--aqua)}.nav-ico{font-size:24px}.back{background:transparent;border:0;color:var(--aqua);font-weight:700;font-size:14px;padding:5px 0}.panel{border:1px solid var(--line);background:#0e2031;border-radius:18px;padding:15px}.item{border:1px solid #284154;border-radius:18px;background:linear-gradient(115deg,#102438,#0a1b2c);padding:14px;margin-bottom:10px}.item-top{display:flex;align-items:flex-start;gap:10px}.item-title{font-weight:800;font-size:15px;word-break:break-word;flex:1}.item-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 0}.item-data small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.item-data strong{display:block;font-size:12px;margin-top:5px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border-radius:12px;padding:11px 14px;font-weight:750;border:1px solid var(--line);background:#173145;color:var(--text);font-size:13px;min-height:40px}.btn:active{transform:scale(.99)}.btn-primary{background:linear-gradient(120deg,#13aa6c,#087e65);border-color:#22c28d;color:#f6fffa}.btn-accent{background:#154c64;border-color:#2387aa;color:#c8f2ff}.btn-danger{background:#422029;border-color:#ad535c;color:#ffc3c6}.btn-yellow{background:#4d421e;border-color:#b6a13a;color:#ffedac}.btn-link{background:transparent;border:0;color:var(--aqua);padding:7px}.btn-block{display:block;width:100%}.btn-sm{padding:8px 10px;font-size:11px;min-height:35px}.form-group{margin-bottom:15px}.label{display:block;margin-bottom:6px;color:#c2d5e1;font-size:12px;font-weight:750}.hint{font-size:11px;color:var(--muted);line-height:1.45;margin-top:6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-panel{margin-top:17px}.switchline{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:14px}.switchline .title{font-size:13px;font-weight:800}.switchline small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.switch{appearance:none;flex:none;width:45px;height:27px;border-radius:20px;background:#354859;position:relative;cursor:pointer;transition:background .2s}.switch:after{content:'';position:absolute;left:3px;top:3px;width:21px;height:21px;background:white;border-radius:50%;transition:transform .2s}.switch:checked{background:#1bb47b}.switch:checked:after{transform:translateX(18px)}.notice{border-left:3px solid var(--aqua);border-radius:7px;padding:11px 13px;background:#123044;color:#c8dfe9;font-size:12px;line-height:1.55;margin-top:12px}.notice.warn{border-color:var(--orange);background:#33271e;color:#f3d9bb}.dangerzone{margin-top:20px;border-top:1px solid #4b303a;padding-top:13px}.opcard{background:linear-gradient(145deg,#103a33,#092133);border:1px solid #256256;border-radius:20px;padding:17px;margin:12px 0;box-shadow:0 10px 26px #0003}.opname{font-size:17px;font-weight:850;overflow-wrap:anywhere}.opmetric{border:1px solid #285348;background:#0a2430;border-radius:14px;padding:13px;margin-top:12px}.opmetric-head{font-size:11px;font-weight:750;color:#c1e1dc;margin-bottom:10px}.clock{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.digitbox{background:#081923;border-radius:9px;padding:10px 3px;text-align:center;min-width:0}.digitbox b{display:block;font-size:24px;letter-spacing:-.8px;line-height:1.1;font-variant-numeric:tabular-nums}.digitbox small{font-size:9px;color:#87a9a8}.cash{font-variant-numeric:tabular-nums;font-size:25px;font-weight:900;color:#59e69f;overflow-wrap:anywhere;letter-spacing:-.7px}.earn-sub{color:#9fbbaf;font-size:10px;margin-top:5px}.opmeta{font-size:11px;color:#b5cbd3;margin-top:10px;line-height:1.6}.operations-empty{margin-top:20px}.selectmenu{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.selectmenu::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:#11273a;color:#b9cfda;border-radius:99px;padding:7px 11px;font-weight:800;font-size:11px}.chip.selected{color:#071926;background:#6fd4e8;border-color:#6fd4e8}.modal-cover{position:fixed;inset:0;background:#000b;z-index:50;display:flex;justify-content:center;align-items:flex-end;padding-top:15px}.modal{width:min(100%,570px);border:1px solid #426176;border-bottom:0;border-radius:24px 24px 0 0;background:#0b1c2d;padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px));max-height:92dvh;overflow-y:auto;box-shadow:0 -14px 45px #0008}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h3{margin:0;font-size:18px}.modal-close{font-size:24px;border:0;background:transparent;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(10px);z-index:90;opacity:0;transition:.2s;pointer-events:none;max-width:92vw;min-width:180px;background:#1c473a;border:1px solid #41896e;color:white;padding:11px 15px;border-radius:13px;text-align:center;font-size:12px;box-shadow:0 12px 36px #0008}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.security-card{display:flex;align-items:center;gap:12px;border:1px solid #38566a;padding:16px;border-radius:16px;background:#11283b;margin-bottom:10px}.security-icon{font-size:25px}.security-card h3{font-size:14px;margin:0 0 4px}.security-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}.backup-note{font-size:12px;color:#b5cdd8;line-height:1.6}.file-input{width:100%;font-size:12px}.boot{min-height:90dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.boot img{border-radius:24px}.boot b{font-size:24px}.boot small{font-size:10px;color:#ddc179;letter-spacing:2px}.spinner{border:3px solid #ffffff33;border-top-color:var(--green);border-radius:50%;width:23px;height:23px;animation:spin 1s linear infinite;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}.footer-note{text-align:center;color:#71889a;font-size:10px;margin-top:22px}.sep{height:1px;background:var(--line);margin:15px 0}.mono{font-variant-numeric:tabular-nums}@media(min-width:650px){.shell{border-left:1px solid #23384a;border-right:1px solid #23384a}.tabbar-inner{max-width:550px}.modal{margin-bottom:0}}@media(max-width:380px){.cash{font-size:21px}.clock .digitbox b{font-size:20px}.brand-name{font-size:20px}.cat{padding:12px}.summary-cell span{font-size:9px}}

/* APplotone 1.1 · interfaccia aeronautica ispirata al mockup approvato */
:root{--bg:#050e17;--bg2:#0a1621;--panel:#0d1b27;--panel2:#132637;--line:#263846;--text:#f3f7fc;--muted:#91a8b7;--aqua:#11c3fa;--green:#25dd74;--orange:#ffac32;--red:#ff4d57;--yellow:#edda3d}
html{background:var(--bg)}body{background:#050e17;color:var(--text)}
.shell{max-width:510px;padding-left:15px;padding-right:15px;padding-bottom:calc(103px + env(safe-area-inset-bottom,0px));background:linear-gradient(#07131f 0,#050c15 380px,#050e17 600px)}
.ico{height:23px;width:23px;flex-shrink:0;display:inline-block;vertical-align:middle}
.topbar{top:0;border:0;background:#050d16f5;padding:14px 2px 13px;min-height:69px;box-shadow:none}
.topbar-home{position:relative;z-index:4;background:transparent}
.topbar .brand{text-align:center;display:block;margin:0 auto}
.brand-name{font-weight:900;font-size:26px;letter-spacing:-.8px;text-shadow:0 1px 3px #0009}
.brand-by{color:#fff;font-weight:900;letter-spacing:.5px;margin-top:3px;font-size:10px;font-style:italic;text-shadow:0 2px 3px #000c}
.brand-by span{font-family:Georgia,cursive;font-size:15px;font-weight:800;color:#ffd131;letter-spacing:-1px;font-style:italic;margin-right:4px}
.head-control{height:36px;width:36px;border-radius:13px;border:1px solid #5b64725c;background:#0b1924cc;color:#f9fcff;display:grid;place-items:center;flex-shrink:0}
.head-control .ico{height:20px;width:20px}
.hero-main{height:236px;margin:-69px -15px 0;position:relative;overflow:hidden;background:linear-gradient(150deg,#142f43,#322a2b 65%,#0c1823)}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(0deg,#050e17f0 0%,#07152108 100%),url('./assets/hero.svg');background-size:cover;background-position:center 47%;filter:saturate(1.1)}
.hero-content{position:absolute;bottom:13px;left:19px;right:19px;text-shadow:0 2px 7px #000b}
.hero-hint{font-size:10px;letter-spacing:2.1px;color:#ffc66e;font-weight:850}
.hero-content h1{font-size:20px;letter-spacing:-.3px;margin:6px 0 4px;font-weight:900}
.hero-content p{margin:0;color:#e3e8ed;font-size:12px}
.summary-dashboard{margin:9px 0 0}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:0}
.summary-cell{background:#0f202c;border:1px solid #243644;border-radius:12px;padding:9px 3px 8px}
.summary-cell b{font-size:20px}.summary-cell span{font-size:9px}
.section{margin-top:19px}
.heading{margin-bottom:11px}
.heading h2{font-size:18px;color:#f8fbff}
.heading p{color:#96acbc}
.home-areas{margin-top:17px}
.mini-setup{border:0;background:transparent;color:#31c6f4;font-size:12px;font-weight:800;padding:6px 4px}
.categories{gap:9px}
.cat{min-height:145px;padding:13px;border-radius:11px;border:1px solid #176044;background:linear-gradient(155deg,#103a27,#071d1e 85%);box-shadow:inset 0 1px 0 #ffffff11,0 5px 14px #0004}
.cat:nth-child(2){border-color:#74501f;background:linear-gradient(145deg,#503314,#201d19 95%)}
.cat:nth-child(3){border-color:#0a5e9d;background:linear-gradient(145deg,#063c67,#071a2b 95%)}
.cat:nth-child(4){border-color:#633c95;background:linear-gradient(145deg,#3a245d,#160e2f 95%)}
.cat-head{align-items:flex-start}
.cat-emoji{height:43px;width:43px;border-radius:10px;display:grid;place-items:center;background:#ffffff13;color:#d7ffea}
.cat-emoji .ico{width:28px;height:28px}
.cat-abilitazioni .cat-emoji{color:#ffcf55}.cat-vaccini .cat-emoji{color:#41c6ff}.cat-vestizione .cat-emoji{color:#e2b6ff}
.cat-count{background:#ff3c42;color:white;border-radius:50px;min-width:25px;height:25px;padding:0 5px;display:grid;place-items:center;font-weight:900;font-size:12px;border:2px solid #ffffff3c}
.cat-name{font-size:15px;display:block}.cat-sub{display:block;font-size:11px;color:#c1d6dc;line-height:1.3;margin-top:5px}.cat-sub.orange{color:#ffbc5b}.cat-sub.red{color:#ff7b80}.cat-sub.yellow{color:#ffe269}
.op-feature{width:100%;margin-top:9px;padding:13px;border-radius:11px;border:1px solid #31536a;background:linear-gradient(112deg,#0a2b44,#0d1826 90%);gap:12px}
.op-icon{width:43px;height:43px;border-radius:10px;background:#163e5a;color:#7bdaff;flex-shrink:0}
.op-icon .ico{width:29px;height:29px}
.op-feature-data{flex:1;min-width:0}.op-feature-data strong{display:block;font-size:16px}.op-feature-data small{display:block;margin-top:5px;font-size:11px;color:#bad3e0}
.op-mini-cash{font-size:12px;color:#67e99f;display:block;margin-top:5px;font-weight:800}
.op-arrow{margin-left:auto;font-size:28px;color:#a9bbcc}
.tabbar{background:#040b13f8;border-top:1px solid #203241;box-shadow:0 -8px 30px #0004;padding-top:9px}
.tabbar-inner{max-width:510px}.nav-item{min-width:82px;color:#718fa5;gap:4px;font-size:11px}.nav-item .ico{height:23px;width:23px}.nav-item.active{color:#05c3ff}
.page-heading{margin-top:7px;margin-bottom:19px}.page-title{display:flex;align-items:center;gap:12px}.page-title h2{font-size:21px;margin:0}.page-title p{margin:4px 0 0;font-size:11px}
.page-icon{color:#63dce7;background:#163b44;width:44px;height:44px;display:grid;place-items:center;border-radius:12px}.page-icon .ico{width:27px;height:27px}.cat-icon-documenti{color:#4fea89;background:#143827}.cat-icon-abilitazioni{color:#ffbb4d;background:#4c361f}.cat-icon-vaccini{color:#49cfff;background:#0b3656}.cat-icon-vestizione{color:#ce9bff;background:#362548}.cat-icon-operazioni{color:#49caff;background:#153850}
.add-square{display:grid;place-items:center;background:#2a343d;border:1px solid #566370;color:white;width:39px;height:39px;border-radius:11px}.add-square .ico{height:21px;width:21px}
.category-page,.operations-page{margin-top:16px}.selectmenu{gap:5px;padding-bottom:9px;margin-bottom:10px}.chip{background:#101e29;border:1px solid #243a48;color:#b4c6d2;font-size:10px;padding:8px 10px;border-radius:7px}
.chip span{margin-left:3px;color:#e3f5fc}.chip.selected{background:#10bdfa;color:#062335;border-color:#10bdfa}.chip.selected span{color:#062335}
.item-compact{background:#0e1a25;border:1px solid #1d303e;border-radius:10px;margin:0 0 9px;padding:11px}
.entry-main{display:flex;align-items:center;gap:10px}.entry-icon{height:38px;width:38px;display:grid;place-items:center;background:#182c3b;color:#e9f7ff;border-radius:9px;flex-shrink:0}.entry-icon .ico{width:22px;height:22px}
.entry-info{flex:1;min-width:0}.entry-info strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.entry-info small{display:block;color:#90aaba;font-size:10px;margin-top:4px}
.entry-state{display:flex;align-items:flex-end;flex-direction:column;gap:7px;min-width:76px}
.entry-state .pill{padding:5px 8px;font-size:10px;border-radius:7px}
.entry-days{font-size:10px;color:#a6d4cb;font-weight:750;text-align:right}.entry-days.orange{color:#ffc265}.entry-days.red{color:#ff858b}.entry-days.yellow{color:#ffeb79}
.entry-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid #ffffff0d;margin-top:9px;padding-top:9px}
.entry-buttons .btn{min-height:30px;border-radius:7px;font-size:10px;padding:6px 9px;background:#142635;border-color:#2c4654}
.entry-buttons .btn-renew{background:#0b4737;color:#9af3be;border-color:#226c51}
.pill{border-radius:7px}.pill.red{background:#e42f43;color:#fff}.pill.orange{background:#bd7821;color:#fff}.pill.yellow{background:#9f8a22;color:#10130b}.pill.blue{background:#174769;color:#b2e5ff}
.panel,.security-card{border-radius:12px;background:#0e1c29;border-color:#284052}
.btn{border-radius:9px}.form-group input,.form-group select{border-radius:9px;background:#0e202d}
.op-tabs{margin-bottom:12px}
.opcard{border-radius:11px;background:linear-gradient(155deg,#0a2f26,#08221e 65%,#071f22);border:1px solid #23764d;padding:12px;margin:0 0 13px;box-shadow:0 7px 21px #0003}
.opcard-finished{border-color:#2c5061;background:linear-gradient(155deg,#172a3b,#0b1e2a)}
.op-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.opname{font-weight:900;font-size:16px}.opdate{margin-top:5px;color:#a0d0b7;font-size:10px}.opcard-finished .opdate{color:#99bbd6}
.opmetric{margin-top:13px;border:0;border-top:1px solid #37725470;border-radius:0;padding:12px 0 0;background:transparent}.opmetric-head{margin-bottom:12px;color:#b6ebcf;font-size:11px;display:flex;align-items:center;gap:6px}.opmetric-head .ico{height:15px;width:15px}
.clock{gap:7px}.digitbox{background:#152935;border-radius:8px;padding:10px 2px 11px;border:1px solid #a8d6f00c}.digitbox small{font-size:8px;display:block;color:#b0c7ce;margin-bottom:7px}.digitbox b{font-size:25px;font-weight:900;letter-spacing:-.7px}
.money-metric{background:linear-gradient(110deg,#0c3f26,#0c2e22);border:1px solid #206d43;padding:11px 12px 12px;border-radius:9px;text-align:center}.opcard-finished .money-metric{background:#0c2833;border-color:#335364}
.money-metric .opmetric-head{justify-content:center;margin-bottom:5px}.cash{font-size:27px;color:#3cf57e;text-shadow:0 0 9px #08b64c1c}
.op-details{border-top:1px solid #5aa58340;margin-top:14px;padding-top:6px}.op-details>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#9fb8c6;padding:6px 0}.op-details strong{color:#e6f8fa;text-align:right;font-weight:650}
.op-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.op-actions .btn{background:transparent}.op-actions .btn-danger{border-color:#ff455d;color:#ff6b7a}.op-actions .btn-accent{border-color:#11beec;color:#21c8fc}
.modal{background:#071723;border-color:#355065}.modal-head h3{font-size:17px}.modal .btn-primary{background:#07a9d0;border-color:#17c8ee;color:white}
.drawer-backdrop{position:fixed;inset:0;z-index:44;background:#000b}.drawer{width:min(85vw,300px);height:100dvh;background:#091723;padding:calc(20px + env(safe-area-inset-top,0px)) 16px 30px;box-shadow:12px 0 50px #000a;overflow-y:auto;border-right:1px solid #284053}.drawer-brand{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid #344958}.drawer-brand img{height:52px;width:52px;object-fit:cover;border-radius:13px}.drawer-brand b{display:block;font-size:19px}.drawer-brand small{color:#f7ca67;font-weight:800;font-size:10px}.drawer-line{background:transparent;border:0;border-bottom:1px solid #ffffff10;display:flex;align-items:center;width:100%;color:#edf4fc;padding:13px 0;text-align:left;gap:12px;font-weight:700;font-size:13px}.drawer-line .ico{height:18px;width:18px;color:#55c6ed}.drawer-line span:nth-child(2){flex:1}
@media(max-width:380px){.cat{min-height:132px;padding:11px}.cat-name{font-size:14px}.digitbox b{font-size:21px}.entry-info strong{font-size:12px}.entry-buttons .btn{padding:5px 7px}}
@media(min-width:650px){.hero-main{margin-left:-15px;margin-right:-15px}.shell{border-left:1px solid #1a3446;border-right:1px solid #1a3446}}

.cash{font-size:clamp(20px,6vw,28px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-.7px}