:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17221b;background:#f3f7f3;--green:#2e6b45;--light:#dcebd8;--line:#d8e1d9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#c9f5d9 0,transparent 28%),radial-gradient(circle at 88% 12%,#d8e8ff 0,transparent 28%),linear-gradient(145deg,#eef7f0,#f8fbf9 55%,#eef3f7)}main{max-width:1100px;margin:auto;padding:24px}.card{background:#fffffff0;border:1px solid #ffffffd9;border-radius:30px;box-shadow:0 30px 90px #173b2524,0 3px 0 #fff inset}.login{position:relative;isolation:isolate;overflow:hidden;max-width:520px;margin:6vh auto;padding:38px;perspective:1100px;backdrop-filter:blur(18px)}.login-content{position:relative;z-index:2}.login-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.8;z-index:0;animation:float 7s ease-in-out infinite}.orb-one{width:180px;height:180px;right:-90px;top:-75px;background:linear-gradient(145deg,#84dba5,#3b8f5d);box-shadow:-20px 25px 55px #388c5a55}.orb-two{width:90px;height:90px;left:-40px;bottom:35px;background:linear-gradient(145deg,#c9dfff,#759fe4);animation-delay:-3s}.brand-cube{width:58px;height:58px;margin-bottom:24px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#4a9a68,#215d3b);box-shadow:0 13px 24px #225f3d4d,0 2px 3px #ffffff70 inset;transform:rotate(-8deg) rotateY(12deg)}.brand-cube span{color:#fff;font-weight:900;font-size:1.55rem;text-shadow:0 2px 4px #0003}.eyebrow{color:var(--green);font-weight:800;letter-spacing:.16em;font-size:.72rem;margin:0 0 8px}h1,h2,p{margin-top:0}.login h1{font-size:clamp(2.1rem,8vw,3.35rem);line-height:1;margin-bottom:12px;letter-spacing:-.055em}.muted{color:#6d776f}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0;perspective:1000px}.profiles button{position:relative;min-height:145px;padding:18px;border:1px solid #fff;background:linear-gradient(145deg,#ffffff,#edf4ef);border-radius:22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:pointer;box-shadow:0 13px 25px #183c261c,0 2px 0 #fff inset,0 -2px 4px #193e2610 inset;transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.profiles button:hover{transform:translateY(-8px) rotateX(5deg) rotateY(-3deg);box-shadow:0 25px 38px #173d2729,0 2px 0 #fff inset}.profiles button.active{border-color:#58a875;background:linear-gradient(145deg,#f7fff9,#d9efdf);transform:translateY(-6px) rotateX(3deg);box-shadow:0 23px 40px #2d7b4a35,0 0 0 2px #65ad7e33}.profile-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.2rem;box-shadow:0 10px 18px #233c2c38,0 2px 2px #ffffff70 inset;transform:translateZ(24px)}.sku-avatar{background:linear-gradient(145deg,#57aa75,#256440)}.nono-avatar{background:linear-gradient(145deg,#739ce1,#455ba8)}.profile-copy{display:flex;flex-direction:column;transform:translateZ(16px)}.profile-copy strong{font-size:1.08rem}.profile-copy small{color:#738078;margin-top:2px}.profile-arrow{position:absolute;right:16px;top:18px;color:#5b7563;font-size:1.25rem;transform:translateZ(20px)}input{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px 15px;font:inherit;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#5caa78;box-shadow:0 0 0 4px #4f9d6b20}.pin-label{display:block;font-size:.8rem;font-weight:800;color:#4c5e51;margin:0 0 8px}.primary,.ghost{border:0;border-radius:13px;padding:14px 18px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(145deg,#397e53,#245d3b);color:white;box-shadow:0 10px 20px #245d3b30,0 2px 2px #ffffff40 inset}.ghost{background:#e8eee9;color:#263c2c}.login .primary{width:100%;margin-top:12px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}.totals{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.totals article{padding:22px;border-radius:18px;background:#fff2c7;border:1px solid #ead99d}.totals article.green{background:var(--light);border-color:#bdd5b7}.totals span{display:block;color:#56645a}.totals strong{font-size:1.9rem}.toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:16px}.list{display:grid;gap:12px}.entry{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:1.4fr repeat(4,1fr) auto;gap:16px;align-items:center}.entry small{display:block;color:#738078;margin-bottom:3px}.entry .mail{overflow-wrap:anywhere}.secret{display:flex;align-items:center;gap:7px;min-width:0}.secret code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-block;padding:6px 10px;border-radius:99px;background:#ffebc0;color:#72551c;font-weight:700}.pill.yes{background:#dcebd8;color:#285d3c}.entry button,.eye{border:0;background:#edf2ee;border-radius:10px;padding:9px 10px;cursor:pointer}.password-field{position:relative;display:block}.password-field input{padding-right:52px}.password-field .eye{position:absolute;right:5px;top:5px}dialog{border:0;border-radius:22px;padding:0;width:min(92vw,480px);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#10241799}dialog form{padding:24px;display:grid;gap:15px}.modal-head{display:flex;justify-content:space-between}.icon{border:0;background:none;font-size:1.8rem}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.full{width:100%}.error{color:#a32626;margin:8px 0 0;min-height:1.2em}@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,13px,0)}}@media(max-width:800px){main{padding:18px}.entry{grid-template-columns:1fr 1fr}.entry .mail{grid-column:1/-1}.entry .edit{grid-column:2;justify-self:end}.totals strong{font-size:1.5rem}}@media(max-width:520px){main{padding:12px}.login{margin:2vh auto;padding:25px 20px;border-radius:25px}.profiles{grid-template-columns:1fr}.profiles button{min-height:100px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.profile-copy{align-self:center}.profile-arrow{top:38px}.brand-cube{width:50px;height:50px}.orb-one{width:140px;height:140px}.totals{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.toolbar button{width:100%}}