:root{--navy:#102f63;--blue:#1762c5;--cyan:#21a9cf;--ink:#152b49;--muted:#667892;--line:#e2eaf4;--pale:#f3f7fd;--white:#fff;--shadow:0 14px 38px rgba(19,52,100,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fd;color:var(--ink);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:auto;min-height:78px;padding:13px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;line-height:1.15}.brand>span:last-child{display:grid}.brand small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#7b8ba2;margin-top:5px}.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(140deg,var(--navy),var(--blue),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-1px;box-shadow:0 7px 15px #1762c530}.main-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:650;color:#52647e}.main-nav>a:hover,.text-link:hover{color:var(--blue)}.nav-cta{padding:10px 17px;border-radius:9px;background:var(--blue);color:#fff!important}.nav-form{margin:0;padding:0;background:none;box-shadow:none}.nav-link{border:0;background:none;color:#52647e;font:inherit;cursor:pointer;padding:0}.menu-toggle{display:none;border:0;background:#eff4fb;color:var(--navy);font-size:21px;border-radius:8px;padding:6px 10px}.container{max-width:1190px;margin:0 auto;padding:34px 22px 64px}.hero{position:relative;overflow:hidden;min-height:440px;padding:58px 6%;border-radius:25px;background:linear-gradient(115deg,#102f63 0%,#1556a9 58%,#168eae 100%);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;box-shadow:0 22px 50px #153e772b}.hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff1c;border-radius:50%;right:12%;top:-54%}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#b9dfff}.eyebrow.blue{color:#2871c9}.hero h1{font-size:clamp(34px,4.5vw,54px);line-height:1.1;letter-spacing:-1.7px;margin:17px 0}.hero h1 em{font-style:normal;color:#8de4f4}.hero p{max-width:560px;color:#dceaff;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:9px;padding:12px 19px;font-size:13px;font-weight:750;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.button-primary{background:linear-gradient(120deg,var(--blue),#1688bb);color:#fff;box-shadow:0 7px 18px #1762c52c}.button-light{background:#fff;color:var(--navy)}.button-outline{border:1px solid #ffffff65;color:#fff;background:#ffffff0c}.button-outline-dark{border:1px solid #cbd8e8;color:var(--blue);background:#fff}.full{width:100%;margin-top:12px}.hero-points{display:flex;gap:19px;flex-wrap:wrap;color:#d8eaff;font-size:11px}.hero-art{height:300px;position:relative;display:grid;place-items:center}.art-orb{position:absolute;width:270px;height:270px;border-radius:50%;background:#ffffff13;border:1px solid #ffffff26}.art-card{position:relative;z-index:2;width:min(300px,90%);padding:23px;border:1px solid #ffffff7a;border-radius:18px;background:#ffffffed;color:var(--ink);box-shadow:0 24px 60px #061b3e55;transform:rotate(3deg)}.art-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#6c7d94}.live-dot{color:#26b98b}.doc-icon{width:64px;height:68px;display:grid;place-items:center;border-radius:14px;background:#e7f2ff;color:var(--blue);font-size:36px;margin:24px 0 13px}.art-card p,.art-card small{color:#8190a5;font-size:11px}.art-progress{height:6px;border-radius:8px;background:#e7edf6;margin:18px 0 8px}.art-progress i{display:block;width:72%;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.art-float{position:absolute;z-index:3;right:0;bottom:20px;padding:12px 16px;border-radius:10px;background:#fff;color:#2470b9;font-size:11px;font-weight:800;box-shadow:var(--shadow)}.section{padding:64px 0 26px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2,.split-panel h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:8px 0}.section-head p,.page-heading p,.split-panel p{margin:0;color:var(--muted)}.text-link{color:var(--blue);font-size:13px;font-weight:750}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category-card{position:relative;display:grid;gap:7px;min-height:150px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 22px #153e7707;transition:.2s}.category-card:hover,.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c6d9f1}.category-icon,.service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eaf3ff;font-size:22px}.category-card b{font-size:14px}.category-card small{max-width:90%;color:var(--muted);font-size:11px}.category-arrow{position:absolute;right:20px;top:20px;color:#7b91ad}.split-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:35px 5%;margin:55px 0 30px;border-radius:19px;background:#eaf2fc}.split-panel p{max-width:470px;margin:13px 0 22px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats div{padding:17px 12px;border-radius:12px;background:#fff;display:grid;gap:8px}.mini-stats strong{font-size:28px;color:var(--blue)}.mini-stats span{font-size:11px;color:var(--muted)}.notice{padding:17px 20px;border:1px solid #cce5f1;border-left:4px solid var(--cyan);border-radius:11px;background:#f0faff;color:#4b6680;font-size:12px}.notice.warning{background:#fff8e9;border-color:#f3dfae;border-left-color:#e2a52a}.site-footer{padding:35px max(5vw,22px);background:#102c56;color:#d9e6f7;display:grid;grid-template-columns:1fr auto;gap:20px}.site-footer p,.site-footer small{font-size:11px;color:#9eb2ce}.site-footer>div:nth-child(2){display:flex;gap:20px;font-size:12px}.site-footer small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:17px}.page-heading{padding:15px 0 23px}.page-heading h1,.dashboard-head h1{font-size:34px;letter-spacing:-1px;margin:8px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{margin:0;padding:21px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px #153e7707;transition:.2s}.service-category{display:block;margin-top:15px;color:#4f85c6;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.service-card h3{margin:5px 0;font-size:17px}.service-card p{min-height:43px;margin:0;color:var(--muted);font-size:12px}.service-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.service-bottom strong,.detail-price{font-size:18px;color:var(--navy)}.service-bottom a{font-size:11px;color:var(--blue);font-weight:800}.search-bar{display:flex;gap:10px;padding:12px;margin:0 0 22px;border:1px solid var(--line);border-radius:13px;background:#fff}.search-bar input{flex:1;min-width:0;border:0;outline:0;padding:9px 12px}.search-bar .button{margin:0}.auth-wrap{max-width:920px;min-height:550px;margin:18px auto;display:grid;grid-template-columns:.85fr 1fr;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.auth-aside{padding:50px 38px;background:linear-gradient(145deg,#102f63,#1766bd 75%,#1599b8);color:#fff}.auth-aside h1{font-size:34px;line-height:1.15;margin:17px 0}.auth-aside p{color:#d5e7ff}.auth-bullet{margin-top:24px;font-size:12px;color:#d5e7ff}.auth-form{padding:40px}.auth-form h2{font-size:25px;margin:0}.muted{color:var(--muted);font-size:12px}.auth-form label,.form-panel label,.ticket-card label{display:block;margin:15px 0;color:#344966;font-size:12px;font-weight:700}.auth-form input,.auth-form select,.form-panel input,.form-panel textarea,.ticket-card textarea,.detail-card textarea,.admin-form input,.admin-form select,.inline-edit input,.inline-edit select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d7e1ed;border-radius:8px;background:#fbfdff;color:var(--ink);font:inherit;font-size:13px}.form-switch{text-align:center;font-size:12px;color:var(--muted);margin-top:20px}.form-switch a{color:var(--blue);font-weight:800}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 25px}.dashboard-head p{margin:0;color:var(--muted);font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.stat-card{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.stat-card span{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;margin-top:5px;font-size:27px;color:var(--blue)}.stat-card .stat-word{font-size:17px;text-transform:capitalize}.panel{margin:20px 0;padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px #153e7707}.panel h2{margin:0;font-size:20px}.panel .section-head{margin-bottom:15px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:640px}th{text-align:left;background:#f0f5fc;color:#49617f;font-size:10px;text-transform:uppercase;letter-spacing:.7px}th,td{padding:13px 12px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}.status{display:inline-block;padding:4px 9px;border-radius:20px;background:#eef3fb;color:#4d6482;font-size:10px;text-transform:capitalize}.status-completed,.status-active{background:#e8f8f0;color:#168252}.status-processing,.status-in_progress{background:#fff5df;color:#9b6a13}.status-rejected,.status-blocked{background:#ffeded;color:#b43c3c}.ticket-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.admin-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-links a{padding:13px 15px;border:1px solid var(--line);border-radius:9px;color:var(--blue);font-size:12px;font-weight:750}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:end}.admin-form label{font-size:11px;font-weight:700}.admin-form .wide{grid-column:1/-1}.admin-form button{justify-self:start}.inline-edit{display:flex;gap:7px;align-items:center;margin:0;padding:0;background:none;box-shadow:none}.inline-edit input,.inline-edit select{min-width:95px;margin:0;padding:8px}.inline-edit button{white-space:nowrap;margin:0;padding:9px 12px}.detail-card{max-width:750px;margin:15px auto;padding:30px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.detail-card h1{font-size:32px;margin:10px 0}.detail-card>p{color:var(--muted)}.detail-price{margin:18px 0}.detail-card form{padding:15px 0}.empty-state{grid-column:1/-1;padding:35px;border:1px dashed #c6d5e8;border-radius:13px;text-align:center;color:var(--muted);background:#fff}.ticket-card{padding:20px;margin:15px 0;border:1px solid var(--line);border-radius:13px;background:#fff}.ticket-card p{font-size:12px;color:var(--muted)}.help-steps{padding-left:20px;color:var(--muted);font-size:13px}.form-panel{max-width:700px}.form-panel button{margin-top:12px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:42px 7%}.hero-art{height:240px}.category-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.site-header{padding:12px 20px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch;flex-direction:column;gap:15px}.main-nav.is-open{display:flex}.nav-form{display:block}.nav-link{font-size:13px}.site-footer{grid-template-columns:1fr}.site-footer small{grid-column:auto}}
@media(max-width:600px){.container{padding:20px 14px 45px}.hero{min-height:0;padding:35px 23px;border-radius:17px}.hero h1{font-size:36px}.hero p{font-size:13px}.hero-art{height:210px}.hero-points{gap:9px;font-size:10px}.section{padding-top:42px}.section-head{align-items:start;flex-direction:column}.section-head h2,.split-panel h2{font-size:25px}.category-grid,.service-grid{grid-template-columns:1fr}.category-card{min-height:130px}.split-panel{grid-template-columns:1fr;padding:25px 20px;margin:35px 0 22px}.mini-stats div{padding:12px 8px}.mini-stats strong{font-size:22px}.mini-stats span{font-size:9px}.auth-wrap{grid-template-columns:1fr;margin:0}.auth-aside{padding:28px 25px}.auth-aside h1{font-size:28px}.auth-form{padding:27px 22px}.dashboard-head{align-items:start;flex-direction:column}.dashboard-head h1,.page-heading h1{font-size:29px}.stats-grid{gap:8px}.stat-card{padding:13px 10px}.stat-card strong{font-size:21px}.stat-card .stat-word{font-size:13px}.panel{padding:17px 13px}.admin-links,.admin-form{grid-template-columns:1fr}.admin-form .wide{grid-column:auto}.search-bar{padding:8px}.search-bar .button{padding:10px}.site-footer>div:nth-child(2){flex-wrap:wrap}.detail-card{padding:20px}}