@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');
:root{--dark:#202833;--dark2:#152333;--blue:#37658b;--bright:#3389d4;--pale:#eef2f5;--text:#202b3c;--muted:#6e7f91;--line:#dce4ec;--white:#fff;--radius:18px;--shadow:0 18px 55px rgba(29,52,76,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--text);background:#eff3f8;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.topbar{position:relative;z-index:10;background:linear-gradient(100deg,#253b52,#1c2736);color:#fff;border-bottom:1px solid #ffffff20}.nav-row{display:flex;align-items:center;min-height:78px;gap:34px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:27px;font-weight:900;letter-spacing:-1px}.brand small{font-size:11px;opacity:.65;border-right:1px solid #ffffff35;padding-right:12px}.brand-symbol{font-family:serif;font-size:30px;color:#8abce8}.primary-nav{display:flex;align-items:center;gap:28px;margin-inline:auto}.primary-nav a{font-size:13px;font-weight:600;color:#dce8f4;transition:.2s}.primary-nav a:hover{color:#79bcef}.header-actions{display:flex;align-items:center;gap:14px}.hello{font-size:12px;opacity:.75}.mobile-toggle{display:none;color:white;background:none;border:0;font-size:28px}.btn{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:13px;padding:12px 22px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#398fd2,#23547d);color:white;box-shadow:0 10px 24px #1d5c9630}.btn-outline{color:white;border-color:#a8cfed;background:#ffffff09}.btn-glass{background:#ffffff14;color:white;border-color:#ffffff45}.btn-light{background:#eff7ff;color:#1d4f7b}.btn-outline-dark{background:#f7fafc;border-color:#c4d6e5;color:#315c80}.btn-sm{padding:8px 14px;font-size:12px}.full{width:100%}.hero{min-height:560px;background:#1c2d40 url('/assets/img/hero-justice.jpg') center center/cover no-repeat;color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,27,43,.02) 0%,rgba(26,43,61,.20) 45%,rgba(20,34,49,.78) 100%)}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 44% 35%,#3f7bab3b,transparent 45%)}.hero-content{min-height:560px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{max-width:615px;margin-right:0;margin-left:auto;padding:55px 0 100px}.eyebrow{display:inline-block;padding:6px 16px;border-radius:50px;background:#8bb8e01e;border:1px solid #a1c5e14a;color:#d7ecff;font-size:13px}.hero h1{font-size:clamp(35px,4.8vw,65px);font-weight:900;line-height:1.4;letter-spacing:-2px;margin:24px 0 4px;text-shadow:0 4px 24px #07132160}.accent-line{width:130px;height:5px;background:linear-gradient(90deg,#0b7bcb,#80d0ff);border-radius:100px;margin:4px 0 24px}.hero p{font-size:17px;line-height:2.1;max-width:600px;color:#e2eaf1;text-shadow:0 2px 20px #142335}.hero-buttons{display:flex;gap:12px;margin:27px 0}.hero-trust{display:flex;gap:20px;font-size:12px;color:#d5e7f4;flex-wrap:wrap;margin-top:36px}.hero-trust span{border-left:1px solid #ffffff3b;padding-left:18px}.hero-wave{position:absolute;bottom:-1px;left:-5%;width:110%;height:85px;background:var(--pale);border-radius:52% 48% 0 0/65% 75% 0 0;transform:rotate(-1.4deg)}.services-section{padding:30px 0 100px;background:linear-gradient(#eef2f5,#e5edf4)}.section-head{text-align:center;margin:0 auto 36px}.section-head h2{font-size:36px;letter-spacing:-1px;margin:6px 0}.section-head p{color:#65778a;margin:0}.overline{font-size:11px;letter-spacing:2px;color:#3684bf;font-weight:800}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{position:relative;min-height:235px;display:grid;grid-template-columns:115px 1fr;gap:12px;align-items:center;padding:25px 18px;background:linear-gradient(140deg,#fffefa,#f0f6fb);border:1px solid #fff;box-shadow:var(--shadow);border-radius:22px;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px #27496a24}.service-card:after{content:"";position:absolute;top:0;right:0;width:95px;height:3px;background:linear-gradient(90deg,transparent,#6fa8d9)}.service-icon{width:112px;height:115px;display:grid;place-items:center}.service-icon img{width:115px;height:115px;object-fit:contain;filter:drop-shadow(0 12px 14px #33536b30)}.service-index{font:700 11px sans-serif;color:#99a9ba}.service-card h3{font-size:17px;margin:5px 0 4px}.service-card p{color:#68798b;font-size:12px;line-height:1.9;min-height:42px;margin:0 0 13px}.service-more{font-size:12px;font-weight:800;color:#296a9b}.service-more span{margin-right:12px}.about-section{background:#fff;padding:90px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{min-height:370px;border-radius:35px;background:radial-gradient(circle at 50% 45%,#527da4,#192a3e 70%);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 24px 55px #172c4145}.orbit{font-family:serif;font-size:190px;line-height:1;color:#d8e6f2;text-shadow:15px 25px 18px #07172790;transform:rotate(-12deg)}.about-glass{position:absolute;z-index:2;bottom:28px;right:30px;left:30px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-radius:16px;border:1px solid #ffffff6f;background:#ffffff27;backdrop-filter:blur(14px);color:white}.about-glass strong{font-size:24px}.about-text h2{font-size:35px;line-height:1.6;margin:8px 0 16px}.about-text p{color:#6e7c8d}.about-text ul{list-style:none;padding:0;margin:22px 0}.about-text li{margin:8px 0}.about-text li:before{content:'✓';color:#368ac7;font-weight:900;margin-left:12px}.workflow{padding:85px 0;background:#eef3f8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps>div{background:white;padding:25px;border-radius:20px;border:1px solid #e2ebf3}.steps b{font:900 42px sans-serif;color:#c2d7e7}.steps h3{margin:0}.steps p{color:var(--muted);font-size:13px}.cta-section{background:#eef3f8;padding:0 0 90px}.cta-box{border-radius:28px;background:linear-gradient(110deg,#253f58,#1c2939);padding:50px 65px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font-size:27px;margin:10px 0}.cta-box p{color:#c0d1df}.footer{background:#172536;color:white;padding:36px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer strong{font-size:23px}.footer p,.footer small,.footer span{display:block;color:#a6bdcf;font-size:12px}.footer small{margin-top:10px}.toast{position:fixed;top:92px;left:30px;z-index:100;background:#e1f6e9;color:#126d46;border:1px solid #9ad8b0;border-radius:14px;padding:15px 24px;box-shadow:var(--shadow);max-width:380px}.toast-error{background:#ffeaea;color:#a33d3d;border-color:#f4bbbb}.auth-layout{min-height:calc(100vh - 200px);padding:65px 20px;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#c6ddec,transparent 40%),#eef3f8}.auth-card{width:min(440px,100%);padding:38px;background:#fff;border:1px solid #e4edf5;box-shadow:var(--shadow);border-radius:24px}.auth-wide{width:min(780px,100%)}.auth-card h1{margin:4px 0;font-size:30px}.muted{color:var(--muted)}.smaller{font-size:13px}.smaller a,.text-link{color:#2f7ab1;font-weight:800}.stack-form{display:flex;flex-direction:column;gap:17px;margin-top:22px}.stack-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px}.stack-form input,.stack-form select,.stack-form textarea,.table-search,.inline-form select{width:100%;padding:11px 14px;border:1px solid #d2dfe9;background:#f9fbfd;border-radius:11px;outline:none;color:#243346;transition:border .2s}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.table-search:focus{border-color:#4d94ce;box-shadow:0 0 0 3px #4d94ce20}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px;padding-block:38px 95px;min-height:calc(100vh - 200px)}.sidebar{display:flex;flex-direction:column;gap:8px;background:#1e3146;color:#e4f1fa;border-radius:22px;padding:28px 16px;align-self:start;box-shadow:var(--shadow);position:sticky;top:20px}.sidebar-title{font-size:11px;color:#7bb0d8;margin:0 12px 10px}.sidebar a{font-size:13px;padding:11px 14px;border-radius:10px;color:#e3eef8}.sidebar a:hover{background:#ffffff14}.sidebar-note{font-size:11px;color:#91adc2;border-top:1px solid #ffffff22;margin-top:20px;padding:18px 10px 0}.workspace-content{min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font-size:30px;line-height:1.5;margin:3px 0}.page-heading p{margin:0;color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat-card{background:white;border:1px solid #e1e8f0;padding:21px;border-radius:18px;box-shadow:0 7px 28px #24415b0a}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font:800 36px 'Vazirmatn',sans-serif;margin:4px 0;color:#234766}.panel{background:white;border:1px solid #e1e8f0;border-radius:20px;padding:25px;margin-bottom:22px;box-shadow:0 8px 30px #24415b0a}.panel h2{font-size:18px;margin:0 0 20px}.panel h3{font-size:14px;margin:20px 0 8px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-title h2{margin:0 0 16px}.table-search{max-width:300px;margin-bottom:15px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:690px;font-size:12px}th{text-align:right;background:#f4f8fb;color:#6d7f90;padding:13px}td{border-top:1px solid #edf1f5;padding:14px 12px}td small{display:block;color:#8a9aaa}td b{font-weight:800}.ltr{direction:ltr;text-align:right;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:100px;padding:4px 12px;background:#eaf1f8;color:#456a8b;font-size:11px;font-weight:700;white-space:nowrap}.status-submitted,.status-needs_info{background:#fff0d8;color:#91631c}.status-approved,.status-assigned,.status-in_progress,.status-waiting_company,.status-review{background:#e0f0fc;color:#246f9d}.status-closed{background:#def5e9;color:#26764a}.status-rejected,.status-cancelled{background:#ffe4e5;color:#ad4148}.empty{text-align:center;padding:42px!important;color:var(--muted)}.notice{padding:15px 20px;background:#e8f2fb;border-right:4px solid #4a91c5;border-radius:10px;color:#2b597c;font-size:13px;margin:18px 0}.form-panel{max-width:800px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:21px}.prose{white-space:normal;line-height:2;color:#43566a}.meta-line{display:flex;gap:24px;color:#8593a2;font-size:12px;border-top:1px solid #edf1f5;padding-top:15px;margin-top:20px}.message-list{display:flex;flex-direction:column;gap:12px}.message{background:#f4f8fb;border:1px solid #e0eaf2;padding:14px 17px;border-radius:14px}.message.mine{background:#eaf5fc}.message div{display:flex;align-items:center;gap:10px}.message strong{font-size:12px}.message small{color:#8b9ba9;font-size:10px}.message p{font-size:13px;margin:7px 0;line-height:2}.file-list{display:flex;flex-direction:column;gap:10px}.file-list a{background:#f6f9fb;padding:10px 14px;border-radius:10px;font-size:12px;color:#37658b}.file-list small{display:block;color:#8193a3}.assigned-person{background:#f1f6fa;padding:9px;border-radius:9px;margin-bottom:7px;font-size:12px}.assigned-person small{color:#77899a;margin-right:8px}.timeline{border-right:2px solid #d4e5f1;margin-right:7px;padding-right:20px}.timeline-item{position:relative;padding-bottom:18px;font-size:12px}.timeline-item:before{content:'';position:absolute;right:-26px;top:6px;background:#4d92c3;border:3px solid white;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #d4e5f1}.timeline-item small{display:block;color:#91a0ae;font-size:10px}.timeline-item p{margin:3px 0;color:#42627e}.inline-form{display:flex;gap:6px;min-width:175px}.inline-form select{padding:5px;width:auto}.content-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.content-edit-grid form{background:#f7fafc;padding:15px;border-radius:12px}.content-edit-grid textarea{resize:vertical}
@media(max-width:1050px){.container{width:min(100% - 36px,1320px)}.primary-nav{gap:15px}.brand small{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}.workspace{grid-template-columns:180px 1fr;gap:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}
@media(max-width:720px){.nav-row{min-height:68px;gap:12px}.brand strong{font-size:23px}.mobile-toggle{display:block;margin-right:auto}.primary-nav{display:none;position:absolute;top:68px;right:0;left:0;background:#21384e;padding:20px;flex-direction:column;align-items:stretch;gap:14px}.primary-nav.open{display:flex}.header-actions{margin-right:auto}.hello{display:none}.hero,.hero-content{min-height:620px}.hero{background-position:59% center}.hero:before{background:linear-gradient(90deg,#1728389c,#182b3be6)}.hero-copy{padding:65px 0 130px;margin:0;max-width:100%}.hero h1{font-size:40px}.hero p{font-size:14px}.hero-trust{gap:12px}.hero-trust span{border:none;padding:0}.services-grid,.about-grid,.steps,.form-grid,.content-edit-grid{grid-template-columns:1fr}.services-section{padding-top:12px}.service-card{grid-template-columns:90px 1fr;min-height:200px}.service-icon,.service-icon img{width:90px;height:100px}.section-head h2{font-size:28px}.about-section{padding:55px 0}.about-visual{min-height:270px}.orbit{font-size:150px}.about-text h2{font-size:28px}.cta-box{padding:30px;flex-direction:column;align-items:flex-start}.cta-box h2{font-size:21px}.footer-inner{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr;padding-top:20px}.sidebar{position:static;flex-direction:row;flex-wrap:wrap;padding:12px}.sidebar-title,.sidebar-note{display:none}.sidebar a{padding:8px;font-size:11px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.form-grid .wide{grid-column:auto}.auth-card{padding:24px}.stat-grid{gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:28px}.panel{padding:17px}.hero-buttons{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero:before{background:linear-gradient(90deg,rgba(14,27,43,.58) 0%,rgba(26,43,61,.24) 47%,rgba(20,34,49,.02) 100%)}
.hero-copy{margin-right:auto;margin-left:0}
.task-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e6edf4;padding:12px 0;font-size:12px}.task-item small{display:block;color:#8b9ba8;font-size:10px}.task-item form{flex-shrink:0}