:root{font-family:system-ui;color:#173c36;background:#f5f6f1;--green:#163a35;--orange:#e97845}*{box-sizing:border-box}body{margin:auto;max-width:560px;background:#f5f6f1;min-height:100vh}.topbar{display:flex;justify-content:space-between;padding:24px 20px 16px;background:var(--green);color:white}.eyebrow{font-size:11px;letter-spacing:2px;opacity:.65}.eyebrow.dark{color:#78908a;opacity:1}h1,h2,h3,p{margin:0}h1{font-size:25px}h2{font-size:25px;margin:25px 0 6px}.icon-btn{background:none;border:0;color:inherit;font-size:25px}.screen{display:none;padding:0 18px 100px}.screen.active{display:block}.hero{display:flex;gap:14px;align-items:center;padding:20px 0}.hero-mark{font-size:42px;color:var(--orange)}.hero h2{font-size:20px;margin:0 0 5px}.hero p,.muted{color:#71817c;font-size:14px;line-height:1.45}.stats{display:flex;background:white;border-radius:18px;padding:18px 8px;margin:4px 0 18px}.stats div{flex:1;text-align:center;border-right:1px solid #e5e9e5}.stats div:last-child{border:0}.stats strong{display:block;font-size:24px}.stats span{font-size:12px;color:#78908a}.big{width:100%;padding:15px 18px;border-radius:13px;font-weight:700;font-size:16px;margin:6px 0}.primary{background:var(--green);color:white;border:0}.secondary{background:white;color:var(--green);border:1px solid #cbd9d2}.danger{background:#fff0ec;color:#b4492d;border:1px solid #f3c4b6}.small{padding:10px 12px;border-radius:10px;font-weight:700}.search-wrap{display:flex;gap:8px;align-items:center;background:white;border:1px solid #dce4df;border-radius:13px;padding:0 13px;margin:24px 0 10px}.search-wrap input{border:0!important;margin:0!important;padding-left:0!important}.search-wrap span{font-size:25px;color:#78908a}input{display:block;width:100%;padding:14px;border:1px solid #d4dfda;border-radius:12px;background:white;font:inherit;margin:10px 0 14px;color:var(--green)}label{display:block;font-size:13px;color:#60736d;margin-top:18px}.back{border:0;background:none;color:var(--green);font-size:15px;padding:20px 0 0}.card,.result{background:white;border-radius:14px;padding:15px;margin:9px 0;box-shadow:0 2px 12px #163a350b}.result strong{display:block}.result small{color:#71817c}.result .remove-pos{float:right;margin-top:-22px;padding:5px 8px;font-size:11px}.notice{padding:12px;border-radius:10px;background:#e8f3ed;margin-top:15px;font-size:13px}.rack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.rack-tile{border:1px solid #d6e2db;background:white;border-radius:14px;padding:16px 8px;text-align:left;color:var(--green)}.rack-tile strong{display:block;font-size:19px}.rack-tile small{color:#78908a;font-size:11px}.rack-title{display:flex;justify-content:space-between;align-items:center}.rack-title h2{margin-top:4px}.rack-actions{margin:12px 0 15px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:70px;display:flex;background:white;border-top:1px solid #dae3de;z-index:3}nav button{flex:1;border:0;background:white;color:#77908a;font-size:22px}nav button span{display:block;font-size:11px;margin-top:3px}.modal{display:none;position:fixed;inset:0;background:#163a35dd;z-index:5;padding:18px;align-items:center;justify-content:center}.modal.open{display:flex}.modal-card{background:#f5f6f1;border-radius:20px;padding:18px;width:min(520px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#reader{width:100%;overflow:hidden;border-radius:12px}
#confirmModal .confirm-card{text-align:center}.confirm-actions{display:flex;gap:10px;margin-top:18px}.confirm-actions .big{margin:0}.position-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.position-actions button{min-width:110px;padding:11px 16px;border-radius:11px;font-weight:700}.position-actions button:active,.big:active,.rack-tile:active{transform:scale(.96);filter:brightness(.94)}
.rack-wrap{position:relative}.rack-delete{position:absolute;right:5px;top:4px;border:0;background:#fff0ec;color:#b4492d;border-radius:50%;width:24px;height:24px;font-size:16px;line-height:20px}.rack-delete:active{transform:scale(.9)}
#home .rack-delete{display:none}.position-actions .remove-pos{min-width:85px;padding:7px 12px;font-size:13px}.position-actions .print-pos{min-width:110px}.position-actions .print-box{min-width:130px;padding:7px 12px;font-size:13px}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.section-head h2{margin-bottom:4px}
.position-actions button{height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 18px!important;line-height:1!important;flex:0 0 auto!important}.position-actions{align-items:center}
.position-actions .remove-pos{float:none!important;margin:0!important;position:static!important}
.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.section-head h2{margin-bottom:4px}.sort-label{display:flex;align-items:center;gap:10px;margin:10px 0;color:#60736d}.sort-label select{flex:1;padding:10px;border:1px solid #d4dfda;border-radius:10px;background:white;color:var(--green);font:inherit}
.search-wrap button{flex:0 0 auto;margin:0;white-space:nowrap}.pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:16px 0}.pagination button{min-width:38px;padding:9px 10px;border:1px solid #cbd9d2;border-radius:9px;background:white;color:var(--green)}.pagination button.active{background:var(--green);color:white}
.login-message{color:#b4492d;min-height:22px;margin-top:8px;font-size:13px}