@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:#f4f6f8;color:#243342;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #dce4e9;border-radius:10px;background:#fff;color:#243342;outline:none}input:focus,select:focus,textarea:focus{border-color:#139887;box-shadow:0 0 0 3px #13988715}label{display:block;margin:18px 0 8px;font-weight:500}label input,label select,label textarea{margin-top:8px}h1,h2,h3,p{margin-top:0}h2{font-size:25px;letter-spacing:-.5px}h3{font-size:17px}p{line-height:1.9}button{border:0;border-radius:10px;padding:11px 18px;transition:.15s}.primary{background:#118879;color:white;font-weight:600}.primary:hover{background:#096e63}.secondary{background:#eef4f4;color:#236d63;border:1px solid #dae8e5}.full{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:24px}.muted{color:#80909e;font-size:13px}.eyebrow{color:#138c7d;font-size:12px;font-weight:600;display:block;margin-bottom:10px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800}.brand-icon{background:#128c7e;color:#fff;width:40px;height:40px;border-radius:13px;text-align:center;line-height:40px;font-size:26px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:#103a37;color:#fff;padding:55px 9%;position:relative;overflow:hidden}.auth-story .brand{margin-bottom:76px}.auth-story .eyebrow{color:#8bd5c1}.auth-story h1{font-size:42px;line-height:1.7;letter-spacing:-1px}.auth-story p{color:#abc7c3;max-width:380px;font-size:15px}.story-bottom{color:#739f98;margin-top:55px;font-size:12px}.auth-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px;background:#fff}.auth-form>div{width:100%;max-width:360px}.auth-form h2{font-size:28px}.auth-note{text-align:center;font-size:12px;color:#98a6b0;margin-top:25px}.form-footer{font-size:11px;color:#a5b1ba;margin:60px 0 0}.password-wrap{position:relative}.password-wrap input{padding-left:50px}.show-pass{position:absolute;left:4px;top:11px;background:transparent;color:#95a5b0;padding:10px}.link-button{background:none;color:#138879;padding:12px 0;font-size:13px}.illustration{height:210px;position:relative;margin-top:40px}.camera-art{position:absolute;top:50px;right:80px;background:linear-gradient(135deg,#e2f2ee,#92bfb6);width:185px;height:105px;border-radius:30px;transform:rotate(-8deg);box-shadow:0 24px 40px #05262380;display:flex;align-items:center;justify-content:center}.lens{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#6196bd 0,#162e3a 18%,#061b25 44%,#468778 47%,#2b685d 58%,#a4d2c7 61%,#98bdb4 70%);box-shadow:0 0 0 2px #608e83}.dot{width:7px;height:7px;background:#0cab82;border-radius:50%;position:absolute;right:20px;top:22px}.orbit{position:absolute;border:1px solid #39716a;border-radius:50%;width:270px;height:200px;right:35px;top:15px;transform:rotate(-20deg)}.o2{transform:rotate(35deg);border-color:#24534d}.float-tag{position:absolute;right:0;top:130px;background:#ffffff12;backdrop-filter:blur(8px);border:1px solid #ffffff24;padding:10px 15px;border-radius:12px;font-size:12px;color:#cce9e0}.second{right:210px;top:20px;white-space:nowrap}.mobile-brand{display:none}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:#fff;border-left:1px solid #e8edef;padding:32px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:0 12px;margin-bottom:38px}.nav-label{display:block;font-size:11px;color:#a1adb7;margin:20px 15px 10px}nav button{width:100%;display:flex;gap:13px;text-align:right;background:none;color:#7c8a98;padding:13px 16px;margin:4px 0;font-size:18px}nav button span{font-size:13px;font-weight:500}nav button.selected{background:#e9f5f1;color:#138b7c}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f2;padding-top:20px;font-size:12px}.sidebar-foot small{display:block;color:#9ba8b2;margin-top:3px}.sidebar-foot button{padding:8px;background:none;color:#9ba8b2;margin-right:auto}.avatar{background:#e4f2ed;color:#198d7c;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.workspace{margin-right:245px;padding:32px 42px;max-width:1650px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header h1{font-size:25px;margin-bottom:0}header .eyebrow{color:#94a1ab;font-weight:400}.header-tools{display:flex;gap:20px;align-items:center}.secure{font-size:11px;color:#529687}.device-bar{display:flex;align-items:center;gap:16px;margin-bottom:25px}.device-bar>div{display:flex;align-items:center;gap:14px}.device-bar select{width:230px;padding:10px}.device-bar button{margin-right:auto}.badge{padding:5px 12px;background:#e5f5ed;color:#168b65;border-radius:20px;font-size:11px}.badge.offline{background:#f1eae8;color:#9d8176}.welcome{background:linear-gradient(120deg,#dff1eb,#eef8f3);padding:32px 38px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #d9eae3}.welcome h2{font-size:26px}.welcome p{color:#72958a;font-size:13px}.welcome .primary{font-size:12px}.welcome-icon{font-size:130px;color:#9ed4c1;line-height:1;margin-left:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.stats article,.card{background:#fff;border:1px solid #e6ebee;border-radius:16px;padding:25px}.stats span{color:#81909d;font-size:12px}.stats strong{display:block;font-size:28px;margin:14px 0 9px;font-weight:700}.stats small{color:#a2aeb8;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quick-grid button{text-align:right;background:#fff;border:1px solid #e6ebee;padding:25px;border-radius:16px}.quick-grid button>span{background:#f1f6f7;display:inline-block;color:#43998a;font-size:26px;padding:6px 14px;border-radius:12px;margin-bottom:18px}.quick-grid p{font-size:12px;color:#8c9ca8;margin-bottom:0}.section-intro{margin:30px 0 20px}.section-intro h2{font-size:19px;margin-bottom:8px}.section-intro p{font-size:13px;color:#8a9aa6}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-card{background:#fff;border:1px solid #e4eaee;border-radius:16px;overflow:hidden}.video-head{padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.video-head h3{margin:0}.video-card video{width:100%;display:block;background:#0d1921;aspect-ratio:16/9}.video-actions{padding:18px 22px}.video-actions p{margin:12px 0 0;font-size:12px;color:#8999a6}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.row h3{margin:0}#map{height:460px;border-radius:12px;background:#eef3f5;z-index:0}.inline-form{display:flex;gap:20px;align-items:flex-end}.inline-form label{margin-top:0;min-width:200px}.inline-form button{margin-bottom:8px}.card{margin-bottom:22px}.empty{color:#9cabb6;text-align:center;padding:35px 15px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;max-width:880px;gap:24px}.plan strong{font-size:26px;display:block;margin:30px 0}.plan p{color:#8a9aa5;font-size:12px}.featured{border-color:#83c9b5;background:#fafffd}.narrow{max-width:530px}.divider{height:1px;background:#edf0f2;margin:28px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:right;color:#97a5b0;font-weight:500;padding:12px;background:#f7f9fa}td{padding:13px 12px;border-bottom:1px solid #eff2f4}td button{padding:6px 10px;font-size:11px}td a{color:#138c7c;text-decoration:none}.table-scroll{overflow:auto}.download-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1f3;font-size:12px}.download-row a{background:#e6f4ef;color:#148778;padding:8px 15px;border-radius:8px;text-decoration:none}.download-row .failed{color:#bc665f}footer{text-align:center;font-size:11px;color:#abb5bc;margin:40px 0 5px}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#173e37;color:white;padding:13px 25px;border-radius:12px;box-shadow:0 10px 35px #0d302a30;z-index:99999;display:none;max-width:90%;font-size:13px}#toast.error{background:#963f3b}[hidden]{display:none!important}@media(max-width:1050px){.workspace{padding:25px}.sidebar{width:210px}.workspace{margin-right:210px}.device-bar>div{display:block}.device-bar select{margin-top:5px}.quick-grid{gap:12px}.welcome-icon{font-size:90px}.auth-story{padding:45px 7%}.auth-story h1{font-size:35px}.camera-art{right:25px}.float-tag.second{right:160px}}@media(max-width:760px){.auth-shell{display:block}.auth-story{display:none}.auth-form{min-height:100vh;padding:30px}.mobile-brand{display:block;font-size:28px;color:#138878;font-weight:800;margin-bottom:45px}.sidebar{position:sticky;top:0;bottom:auto;width:100%;padding:12px 16px;z-index:100;border-bottom:1px solid #e6ebee}.sidebar .brand{margin:0;font-size:19px}.sidebar .brand-icon{width:28px;height:28px;line-height:28px;font-size:20px}.sidebar nav{display:flex;overflow:auto;margin-top:10px;gap:5px}.sidebar .nav-label,.sidebar-foot{display:none}.sidebar nav button{width:auto;white-space:nowrap;padding:9px 12px;gap:7px;margin:0}.sidebar nav .admin-only{display:flex}.workspace{margin:0;padding:22px 16px}.header-tools{display:none}.device-bar{flex-wrap:wrap;gap:10px}.device-bar>div{display:flex}.device-bar select{width:170px;margin:0}.device-bar .muted{display:none}.device-bar button{font-size:11px;padding:8px}.welcome{padding:25px}.welcome h2{font-size:21px}.welcome-icon{display:none}.stats{gap:10px}.stats article{padding:18px 12px}.stats strong{font-size:22px}.quick-grid,.video-grid,.admin-grid,.plan-grid{grid-template-columns:1fr}.quick-grid button{padding:20px}.quick-grid button>span{float:left;margin:0}.quick-grid h3{margin-bottom:5px}.card{padding:20px}.inline-form{flex-wrap:wrap;gap:10px}.row{flex-wrap:wrap}#map{height:350px}header{margin-bottom:24px}.stats small{font-size:10px}}

dialog{border:0;border-radius:16px;padding:24px;width:min(900px,94vw);color:#243342}dialog::backdrop{background:#0a1e2bcc}dialog video{width:100%;max-height:70vh;background:#000}
