:root{--navy:#031738;--blue:#112e77;--line:#d7dce4;--green:#087d28;--orange:#f28500;--red:#e40013}*{box-sizing:border-box}body{margin:0;background:#e9edf2;color:#07142e;font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px}.sheet{width:min(1120px,100%);margin:auto;background:#fff;box-shadow:0 0 0 5px #030d20;min-height:100vh;overflow:hidden}header{height:145px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(121deg,#fff 0 63%,#071936 63%);border-radius:0 0 0 14px;padding:0 46px;direction:ltr}.logo{position:relative;display:flex;align-items:center;gap:18px}.logo-r{font:900 94px Arial;color:#080808;line-height:1;transform:skew(-12deg);letter-spacing:-27px;margin-left:-15px}.logo b{font:900 70px Arial;letter-spacing:8px}.logo small{position:absolute;bottom:-21px;left:138px;padding:2px 20px;background:#173a99;border-radius:20px;color:white;font:700 24px Arial;letter-spacing:1px}.head-right{color:#fff;display:flex;align-items:center;gap:62px;direction:rtl;text-align:center;font-weight:700;font-size:16px;line-height:1.7}.head-right strong{font-size:75px;color:white}.intro{display:flex;gap:26px;align-items:center;padding:22px 25px 20px;position:relative}.admin-link{position:absolute;top:10px;left:25px;border:0;background:transparent;color:#52647c;font:500 11px Vazirmatn;cursor:pointer}.updated{background:linear-gradient(145deg,#08234e,#03132f);color:#fff;border-radius:19px;padding:17px 20px;width:205px;display:grid;gap:5px;flex:none}.updated span{font-size:13px}.updated b{font-size:20px}.updated span:last-child{font-size:18px}.title{flex:1;text-align:center}.title h1{font-size:34px;letter-spacing:-1px;margin:0 0 18px}.guarantees{border:1px solid #cbd1db;border-radius:30px;display:flex;justify-content:space-around;padding:12px}.guarantees span{font-weight:700;font-size:13px}.table-wrap{margin:0 20px;border:1px solid #cfd5df;border-radius:14px;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:center}thead{background:linear-gradient(90deg,#031432,#0c2b62);color:#fff}th{font-weight:700;padding:12px 8px;font-size:13px;border-left:1px solid #385274}td{padding:7px 9px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#fbfcfe}.model{display:flex;align-items:center;gap:10px;font:700 15px Arial;direction:ltr;text-align:right}.mini-phone{width:26px;height:43px;border:2px solid #122238;border-radius:5px;background:var(--tone);position:relative}.mini-phone:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#111;top:3px;right:3px}.color-dot{width:17px;height:17px;border-radius:50%;background:var(--tone);display:inline-block;vertical-align:middle;margin-left:8px;border:1px solid #555}.condition,.registry{font-weight:700}.condition{border:1px solid currentColor;border-radius:7px;padding:3px 8px}.good{color:var(--green)}.warn{color:var(--orange)}.bad{color:var(--red)}.battery-text{font-weight:800;font-size:16px}.battery{width:27px;height:13px;display:inline-block;border:2px solid currentColor;border-radius:3px;position:relative;margin-right:7px;vertical-align:-1px}.battery:before{content:"";position:absolute;inset:2px;background:currentColor}.bottom{margin:16px 20px;display:flex;gap:16px;align-items:stretch}.legend{border:1px solid #d1d7df;border-radius:12px;width:205px;overflow:hidden;display:grid;gap:8px;padding:8px 18px}.legend b{text-align:center;background:#f3f4f6;margin:-8px -18px 3px;padding:5px}.legend span{font-size:12px}.dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:currentColor;margin-left:10px;vertical-align:-2px}.contact{border-right:1px solid #687487;padding-right:20px;margin-right:auto;display:grid;align-content:center;gap:6px;direction:rtl}.contact span,.contact b{font-size:13px}.qr{border:1px solid #aeb6c1;border-radius:14px;width:164px;font-size:74px;text-align:center;line-height:.8;padding-top:12px}.qr small{display:block;font-size:10px;margin-top:8px}footer{background:linear-gradient(90deg,#03132f,#0b316c,#03132f);color:#fff;text-align:center;padding:12px;font-size:16px;font-weight:700}footer em{color:#2376ff;font-style:normal}.modal{display:none;position:fixed;inset:0;background:#031124aa;z-index:8;align-items:center;justify-content:center;padding:16px}.modal.show{display:flex}.dialog{background:#fff;border-radius:15px;box-shadow:0 20px 70px #0008;position:relative}.close{position:absolute;left:12px;top:8px;border:0;background:transparent;color:#52627b;font-size:27px;cursor:pointer}.login{padding:35px;width:min(360px,100%);text-align:center}.lock{display:inline-grid;place-items:center;background:#e9f1ff;color:#1958c7;border-radius:50%;width:48px;height:48px;font-size:24px}.login h2{margin:13px 0 4px}.login p{font-size:12px;color:#71809a}.login form{display:grid;gap:10px;margin-top:18px}.login input,.item-form input,.item-form select{border:1px solid #d8dfeb;border-radius:7px;padding:11px;font:12px Vazirmatn;outline-color:#175edc}.login form button,.save{border:0;border-radius:7px;background:#10489e;color:white;padding:11px;font:700 12px Vazirmatn;cursor:pointer}.login small{color:#d5222d;height:15px}.manager{width:min(860px,100%);max-height:92vh;overflow:auto;padding:27px}.manager-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.manager-title small{color:#627591}.manager-title h2{margin:3px 0;font-size:20px}.logout,.clear{border:1px solid #d6ddea;background:white;border-radius:6px;padding:7px 11px;font:11px Vazirmatn;cursor:pointer}.item-form{background:#f4f7fb;border:1px solid #e0e6ef;border-radius:10px;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:end}.item-form label{display:grid;gap:4px;font-size:10px;font-weight:700;color:#40516e}.item-form input,.item-form select{padding:8px;min-width:0}.manage-rows{margin-top:18px;display:grid;gap:6px}.manage-row{display:flex;gap:10px;align-items:center;border:1px solid #e0e5ec;border-radius:7px;padding:8px;font-size:12px}.manage-row span{flex:1}.edit,.remove{border:0;border-radius:5px;padding:5px 8px;font:11px Vazirmatn;cursor:pointer}.edit{background:#e6efff;color:#1258c9}.remove{background:#ffe9eb;color:#c52635}@media(max-width:760px){body{font-size:12px}.sheet{box-shadow:none}header{height:105px;padding:0 18px;background:linear-gradient(121deg,#fff 0 55%,#071936 55%)}.logo b{font-size:32px;letter-spacing:3px}.logo-r{font-size:55px}.logo small{left:67px;bottom:-16px;font-size:12px;padding:3px 10px}.head-right{gap:12px;font-size:10px}.head-right strong{font-size:38px}.intro{padding:18px 10px;display:block}.updated{width:100%;border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.updated b,.updated span:last-child{font-size:14px}.title h1{font-size:23px;margin:16px 0 10px}.guarantees{padding:7px;border-radius:8px;gap:5px}.guarantees span{font-size:9px}.table-wrap{margin:0 6px;overflow-x:auto;border-radius:8px}table{min-width:760px}th,td{padding:6px;font-size:11px}.bottom{margin:10px 8px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.legend{width:auto;padding:7px 10px}.legend b{margin:-7px -10px 3px}.contact{margin:0;padding:8px;border:0}.qr{width:auto;font-size:45px}.item-form{grid-template-columns:1fr 1fr}.manager{padding:22px 13px}}
.logo{width:500px;height:120px;display:flex;align-items:center}.logo img{display:block;max-width:100%;max-height:112px;object-fit:contain;object-position:left center}.contact{min-width:330px;gap:4px}.contact b,.contact span{font-size:11px}.bottom{gap:12px}@media(max-width:760px){.logo{width:235px;height:87px}.logo img{max-height:70px}.contact{min-width:0}.contact b,.contact span{font-size:9px}}
.mini-phone.photo{background-color:#f8fafc;background-image:url('iphone-backs.png');background-repeat:no-repeat;background-size:700% auto;background-position:var(--sprite) center;border-color:#d4dae3}.mini-phone.photo:after{display:none}
img.mini-phone.photo{display:block;background:#fff;background-image:none;object-fit:cover;object-position:center;border-color:#cbd3de}
.condition,.registry,.color-box{display:inline-flex;align-items:center;justify-content:center;width:132px;height:31px;padding:3px 7px;border:1px solid currentColor;border-radius:7px;white-space:nowrap}.color-box{color:#34435b;border-color:#ccd4df;font-size:12px}.color-box .color-dot{margin-left:7px;margin-right:0;flex:none}.corporate{color:#159947}.traveler{color:#8e9d00}.approval{color:#f07800}.unregistered{color:#df1a27}.legend .corporate,.legend .traveler,.legend .approval,.legend .unregistered{width:auto;height:auto;border:0;padding:0;display:inline-flex;justify-content:flex-start}.legend:nth-child(3){gap:5px}.legend:nth-child(3) span{font-size:11px}
.phone-art{width:30px;height:46px;flex:none;position:relative;display:inline-block;overflow:hidden;border:2px solid #233149;border-radius:7px;background:linear-gradient(135deg,#fff5,var(--tone) 44%,#1115);box-shadow:2px 3px 5px #1c315035}.phone-art:before{content:"";position:absolute;right:3px;top:3px;width:15px;height:15px;border-radius:5px;background:#ffffff45}.lens{position:absolute;z-index:1;width:6px;height:6px;border:1px solid #9bacbf;border-radius:50%;background:#07111f;box-shadow:inset 1px 1px 2px #5191ce}.lens-one{right:5px;top:5px}.lens-two{right:13px;top:5px}.lens-three{right:5px;top:13px}.flash{position:absolute;right:14px;top:14px;width:4px;height:4px;border-radius:50%;background:#fff7b1}.phone-art.standard .lens-three{display:none}.phone-art.standard .lens-two{right:5px;top:14px}.phone-art.standard .flash{right:14px;top:7px}.color-box{direction:rtl;justify-content:flex-start;gap:9px;padding-right:10px}.color-box .color-dot{order:0;margin:0}.color-box b{font-weight:800;order:1;flex:1;text-align:right}
.model{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:-.15px}
@media(max-width:760px){.table-wrap{margin:0 8px;border:0;overflow:visible;background:transparent}table{min-width:0!important;direction:rtl!important;border-collapse:separate;border-spacing:0 7px}thead{display:none}tbody{display:grid;gap:7px}tbody tr{display:grid;grid-template-columns:1fr 1fr;background:#fff!important;border:1px solid #d5dce7;border-radius:9px;overflow:hidden;box-shadow:0 2px 7px #102d550d}tbody td{min-width:0;min-height:45px;padding:6px 8px;border:0;border-bottom:1px solid #e8edf3;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:3px;font-size:11px;text-align:center}tbody td:nth-child(odd){border-left:1px solid #e8edf3}tbody td:first-child{grid-column:1/-1;min-height:48px;border-left:0;background:#f7f9fc;align-items:flex-start}tbody td:last-child{border-bottom:0}tbody td:nth-child(1):before{content:"مدل دستگاه"}tbody td:nth-child(2):before{content:"حافظه"}tbody td:nth-child(3):before{content:"رنگ"}tbody td:nth-child(4):before{content:"وضعیت ظاهری"}tbody td:nth-child(5):before{content:"باتری"}tbody td:nth-child(6):before{content:"رجیستری"}tbody td:nth-child(7):before{content:"قیمت (تومان)"}tbody td:before{font:700 8px Vazirmatn;color:#72809a;text-align:right}.model{font-size:14px}.phone-art{width:25px;height:38px}.color-box,.condition,.registry{width:100%;height:25px;min-width:0;padding:2px 4px;font-size:10px}.color-box{justify-content:flex-start}.battery-text{font-size:14px}.battery{transform:scale(.8);margin-right:2px}.bottom{grid-template-columns:1fr;margin:12px 8px}.legend{min-height:auto}.contact{border-top:1px solid #d9e0ea;border-right:0;margin-top:4px}.intro{padding-bottom:10px}.updated{font-size:10px}.guarantees{display:none}footer{font-size:12px}}

.quick-actions{position:absolute;top:10px;left:25px;display:grid;gap:6px;z-index:1}.admin-link,.theme-toggle{position:static;display:flex;align-items:center;justify-content:center;gap:6px;min-width:116px;border-radius:8px;padding:7px 10px;font:700 11px Vazirmatn;cursor:pointer;transition:.18s ease}.admin-link{border:1px solid #cbd5e1;background:#fff;color:#243957;box-shadow:0 2px 6px #1e3a5f12}.theme-toggle{border:1px solid #1d5fc4;background:linear-gradient(135deg,#123c7d,#0a2760);color:#fff;box-shadow:0 5px 12px #0a276033}.admin-link:hover,.theme-toggle:hover{transform:translateY(-1px)}.admin-link:hover{border-color:#3b82f6;color:#0f56b4}.theme-toggle:hover{box-shadow:0 8px 18px #0a27604a}.theme-symbol{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ffffff24;font-size:13px}.buy-button{border:0;border-radius:7px;background:#1367d1;color:#fff;padding:7px 13px;font:700 12px Vazirmatn;cursor:pointer;white-space:nowrap}.buy-button:hover{background:#0c4b9f}.buy-dialog{width:min(410px,100%);padding:32px 24px 24px;text-align:center}.buy-dialog h2{margin:9px 0 5px;font-size:20px}.buy-dialog p{margin:0 0 20px;color:#65728a;font-size:13px}.buy-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e6f0ff;color:#1367d1;font-size:23px}.call-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;direction:rtl}.call-options a{display:grid;gap:2px;justify-items:center;border:1px solid #cad9ee;border-radius:12px;padding:14px 8px;color:#123d79;text-decoration:none;background:#f7faff;transition:.18s ease}.call-options a:hover{background:#e7f0ff;border-color:#1367d1;transform:translateY(-2px);box-shadow:0 8px 20px #0b3c7d1c}.call-person{font-weight:800;font-size:13px}.call-hint{font-size:10px;color:#697b98}.call-options bdi{display:block;margin-top:2px;white-space:nowrap;direction:ltr;font:800 15px/1.45 Arial,sans-serif;letter-spacing:.3px;color:#0c55b5}
body.dark{background:#0a1020;color:#e6edf9}body.dark .sheet,body.dark .dialog{background:#111b2e}body.dark header{background:linear-gradient(121deg,#111b2e 0 63%,#020817 63%)}body.dark .admin-link{background:#17253a;border-color:#455a79;color:#d8e5f7}body.dark .theme-toggle{background:linear-gradient(135deg,#f6c44d,#d98a18);border-color:#f4c052;color:#1b2739;box-shadow:0 5px 12px #0004}body.dark .theme-symbol{background:#1b273933}.dark .guarantees,body.dark .table-wrap,body.dark .legend{border-color:#31425e}body.dark tbody tr:nth-child(even){background:#142038}body.dark td{border-color:#31425e}body.dark .color-box{color:#e1e9f6;border-color:#485a76}body.dark .legend b{background:#1a2941}body.dark .contact{border-color:#52647d}body.dark .login p,body.dark .manager-title small,body.dark .buy-dialog p{color:#aebdd4}body.dark .login input,body.dark .item-form input,body.dark .item-form select{background:#0d1627;color:#eef4ff;border-color:#3b4d69}body.dark .item-form{background:#16243a;border-color:#33455f}body.dark .item-form label{color:#cedbf0}body.dark .logout,body.dark .clear{background:#17253a;border-color:#455a79;color:#eef4ff}body.dark .manage-row{border-color:#3b4d69}body.dark .edit{background:#223d6c;color:#cfe2ff}body.dark .remove{background:#4a2732;color:#ffd8df}body.dark .buy-icon{background:#19365e;color:#8fc0ff}body.dark .call-options a{background:#17263d;border-color:#3b5c87;color:#d6e7ff}body.dark .call-options a:hover{background:#213a5e}
@media(max-width:760px){body{overflow-x:hidden}.quick-actions{top:8px;left:10px;gap:4px}.admin-link,.theme-toggle{min-width:106px;padding:5px 8px;font-size:9px;border-radius:7px}.theme-symbol{width:14px;height:14px;font-size:10px}.title h1{padding-top:34px}.buy-button{width:100%;padding:9px;font-size:13px}tbody td:nth-child(8){grid-column:1/-1;border-left:0!important;border-bottom:0!important;padding:8px}tbody td:nth-child(8):before{content:""}body.dark tbody tr{background:#142038!important;border-color:#344965}body.dark tbody td{border-color:#2d405d}body.dark tbody td:first-child{background:#182841}.buy-dialog{padding:28px 18px 18px}.call-options{grid-template-columns:1fr}.call-options a{grid-template-columns:auto 1fr;grid-template-areas:"person number" "hint number";justify-items:start;align-items:center;text-align:right;padding:12px 14px}.call-person{grid-area:person}.call-hint{grid-area:hint}.call-options bdi{grid-area:number;justify-self:end;margin:0;font-size:16px}}
