/* HELIOS STUDIO WEB V2 — original dark creative-workspace interface.
   No LunaCloud graphics, brand assets or layout code used. */
:root{color-scheme:dark;--bg:#080e1a;--shell:#0b1425;--sidebar:#0b1425;--card:#111e32;--card2:#15253b;--card3:#182b43;--stroke:#263850;--muted:#96a8be;--text:#f4f7fe;--gold:#f4bf67;--gold-pale:#ffdda4;--teal:#5ad9ce;--blue:#87aaff;--shadow:0 24px 80px rgba(0,0,0,.16);--radius:22px;--input:#0a182a}
:root.theme-light{color-scheme:light;--bg:#eef3f9;--shell:#e8f0f9;--sidebar:#ffffff;--card:#fff;--card2:#f1f6fe;--card3:#e8f1fa;--stroke:#d6e1ed;--muted:#62758c;--text:#142b44;--gold:#a86a1d;--gold-pale:#bd8738;--teal:#0d847c;--blue:#315ebd;--shadow:0 20px 70px rgba(25,57,92,.07);--input:#f5f9fe}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.62 Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{min-width:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}em{color:var(--gold);font-style:normal}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;max-height:100vh;overflow-y:auto;background:var(--sidebar);border-right:1px solid var(--stroke);padding:31px 17px 20px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:7px 11px 33px}.brand-emblem{height:49px;width:49px;display:grid;place-items:center;border-radius:16px;color:#ffdfa4;font-size:27px;font-weight:1000;box-shadow:0 0 0 1px #f4bf6780,0 0 34px #e8aa3a20;background:radial-gradient(circle at 30% 20%,#3e4f63,#1b283c 62%,#101b29);transform:rotate(-8deg)}.brand-emblem span{transform:rotate(8deg)}.sidebar-brand-name strong{display:block;font-size:20px;font-weight:950;letter-spacing:.05em;line-height:1}.sidebar-brand-name>span{display:block;letter-spacing:.37em;font-size:12px;font-weight:700;color:var(--gold);margin-top:4px}.sidebar-brand-name small{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:6px}.sidebar-section-title{font-size:10px;color:var(--muted);font-weight:850;letter-spacing:.14em;margin:19px 13px 8px}.sidebar-nav{display:grid;gap:5px}.side-link{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:13px;color:var(--muted);font-weight:660;font-size:13px;transition:background .18s,color .18s}.side-link:hover{color:var(--text);background:var(--card2)}.side-link.active{color:var(--text);background:linear-gradient(112deg,#a77c342a,#226f8840);box-shadow:inset 0 0 0 1px #d8aa5b45}.side-link.active .nav-symbol{color:var(--gold)}.nav-symbol{font-size:20px;color:var(--teal);width:21px;line-height:1;text-align:center}.side-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:42px}.sidebar-note{background:linear-gradient(145deg,#183b42,#17304c);border:1px solid #39878852;border-radius:19px;padding:20px;color:#effcfb}.sidebar-note>b{font-size:12px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#55ddb3;box-shadow:0 0 0 4px #55ddb323;margin-right:8px;vertical-align:middle}.sidebar-note p{font-size:12px;color:#b6d1d5;line-height:1.65;margin:10px 0}.sidebar-note a{font-size:12px;color:#f6d598;font-weight:800}.sidebar-note a span{margin-left:6px}.sidebar-caption{margin:19px 3px 0;color:var(--muted);font-size:9px;letter-spacing:.08em}.main-area{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 76% -20%,#23445d49,transparent 48%),var(--bg)}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,3.6vw,57px);border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--shell) 88%,transparent);position:sticky;top:0;z-index:25;backdrop-filter:blur(16px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:16px}.topbar-crumb{font-size:12px;color:var(--muted);font-weight:700}.crumb-dot{width:9px;height:9px;display:inline-block;border:2px solid var(--gold);border-radius:50%;margin-right:10px}.crumb-slash{padding:0 10px;opacity:.5}.topbar-hint{padding:7px 14px;font-size:11px;border:1px solid var(--stroke);border-radius:50px;color:var(--muted);font-weight:800;letter-spacing:.05em}.icon-button{border:1px solid var(--stroke);height:39px;width:39px;border-radius:12px;background:var(--card);color:var(--text);font-size:20px;display:grid;place-items:center}.icon-button:hover{border-color:var(--gold)}.mobile-menu{display:none}.topbar-order{background:linear-gradient(105deg,#f5c36e,#e9a74b);color:#202231;font-weight:850;font-size:12px;padding:12px 17px;border-radius:11px;box-shadow:0 7px 25px #ba853521}.topbar-order span{margin-left:13px}.page-main{width:min(1530px,100%);margin:0 auto;padding:34px clamp(22px,3.6vw,57px) 68px;flex:1}.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--teal)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(270px,.75fr);gap:12px;overflow:hidden;position:relative;background:linear-gradient(115deg,var(--card) 22%,#18334a 70%,#15333a);min-height:435px;border:1px solid #56738b66;border-radius:28px;padding:55px clamp(28px,4vw,65px);box-shadow:var(--shadow)}.hero-glow{position:absolute;right:0;top:-250px;width:680px;height:680px;background:radial-gradient(circle,#0aafa441,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy h1{font-weight:950;font-size:clamp(2.65rem,4.6vw,5.5rem);max-width:740px;line-height:1.06;margin:25px 0 21px;color:#f5f8ff}.hero-copy h1 span{color:#f3c676}.hero-copy p{max-width:620px;color:#b8cadc;line-height:1.8;font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 30px}.btn{min-height:45px;display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid transparent;border-radius:11px;padding:12px 18px;font-size:12px;font-weight:850;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#172535;background:linear-gradient(100deg,#ffdba0,#e7a94e);box-shadow:0 8px 24px #d69a3830}.btn-secondary{color:var(--text);background:var(--card2);border-color:var(--stroke)}.btn-block{width:100%}.hero-mini-meta{font-size:11px;display:flex;flex-wrap:wrap;gap:22px;color:#9dafc2}.hero-mini-meta i{display:inline-block;height:7px;width:7px;background:#55ddb3;border-radius:100%;margin-right:4px}.hero-visual{height:310px;min-width:0;position:relative;align-self:center;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #8fd7d24a;inset:0;margin:auto;border-radius:50%}.orbit-a{width:290px;height:290px;transform:rotate(30deg)}.orbit-b{width:365px;height:240px;transform:rotate(-26deg)}.orbit-c{width:240px;height:365px;transform:rotate(35deg)}.hero-sun{display:grid;place-items:center;width:204px;height:204px;border-radius:50%;background:radial-gradient(circle at 26% 28%,#ffe2a9,#e2a84b 35%,#885b26 75%);box-shadow:0 0 0 16px #f6bd6552,0 0 0 31px #f6bd650b,0 0 100px #daa74763,inset 0 -14px 26px #6545285e}.hero-sun span{font-size:114px;font-weight:1000;font-family:Georgia,serif;font-style:italic;color:#162539;text-shadow:0 3px 0 #ffe8b6}.visual-label{position:absolute;display:flex;gap:8px;align-items:center;color:#c5dbd9;font-size:10px;letter-spacing:.1em}.visual-label-top{right:0;top:5px}.visual-label-top b{color:#f4c979}.visual-label-bottom{left:0;bottom:10px;flex-direction:column;gap:0;align-items:flex-start}.visual-label-bottom b{font-size:18px;color:#f6d69e}.visual-label-bottom span{font-size:9px}.overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin:21px 0 38px}.metric-card{min-height:179px;background:var(--card);border:1px solid var(--stroke);border-radius:21px;padding:22px 25px;position:relative;overflow:hidden}.metric-featured{background:linear-gradient(115deg,#1e3f4a,#253653);border-color:#4f8b8669}.metric-card .metric-head{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:10px;letter-spacing:.11em;font-weight:900}.metric-featured .metric-head{color:#c6dee1}.metric-icon{display:grid;place-items:center;width:33px;height:33px;color:var(--gold);border-radius:11px;background:#f5bd6817;border:1px solid #e2b75f27;font-size:18px}.metric-card strong{display:block;font-size:40px;line-height:1.3;letter-spacing:-.05em;margin-top:12px}.metric-card strong.metric-text{font-size:clamp(22px,2vw,32px);letter-spacing:-.035em;margin-top:18px}.metric-featured strong{color:#f5d39d}.metric-card p{font-size:12px;color:var(--muted);margin:0}.metric-featured p{color:#c5dcdb}.metric-detail{margin-top:10px;color:var(--muted);font-size:11px}.metric-featured .metric-detail{color:#dfd6ae}.metric-detail span{float:right}.section-title-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title-inline h2{font-size:18px;margin:0;letter-spacing:-.02em}.section-title-inline>span{color:var(--muted);font-size:12px}.section-mark{color:var(--gold);margin-right:9px}.quick-actions{margin-bottom:39px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quick-card{display:flex;align-items:center;gap:13px;border:1px solid var(--stroke);border-radius:17px;background:var(--card);padding:17px 15px;transition:transform .2s,border .2s}.quick-card:hover{border-color:#9cb8ce;transform:translateY(-3px)}.quick-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:25px;background:linear-gradient(135deg,#72592d,#4c7e7e);color:#fff4db}.quick-card:nth-child(2) .quick-icon{background:linear-gradient(120deg,#24646b,#296f8b)}.quick-card:nth-child(3) .quick-icon{background:linear-gradient(120deg,#3a4c89,#5b54a2)}.quick-card:nth-child(4) .quick-icon{background:linear-gradient(120deg,#735332,#98734c)}.quick-card b{display:block;font-size:12px}.quick-card small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}.quick-arrow{margin-left:auto;color:var(--muted)}.content-panel{border-radius:23px;border:1px solid var(--stroke);background:var(--card);padding:32px;box-shadow:var(--shadow);scroll-margin-top:98px}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.panel-heading h2,.content-panel h2,.creative-panel h2{font-size:clamp(24px,2.2vw,34px);margin:8px 0 8px}.panel-heading p,.content-panel>p{color:var(--muted);font-size:13px;margin:0}.search-wrap{display:flex;align-items:center;gap:10px;background:var(--input);border:1px solid var(--stroke);border-radius:12px;min-width:220px;width:min(100%,280px);padding:0 12px}.search-wrap:focus-within{border-color:var(--gold)}.search-wrap span{font-size:24px;color:var(--muted)}.search-wrap input{border:0!important;background:transparent!important;padding:12px 0!important;margin:0!important;width:100%;color:var(--text);font-size:12px;outline:0!important}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{min-width:0;min-height:216px;border:1px solid var(--stroke);border-radius:16px;background:linear-gradient(140deg,var(--card2),var(--card) 70%);padding:23px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#c89b5088;transform:translateY(-3px)}.service-card[hidden]{display:none}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-symbol{display:grid;place-items:center;border-radius:14px;width:43px;height:43px;border:1px solid #e2ac5d4a;background:#e2ac5d1b;color:var(--gold);font-size:24px}.accent-blue .service-symbol{background:#5c92e620;color:var(--blue);border-color:#5c92e645}.accent-green .service-symbol{background:#5bd7bf18;color:var(--teal);border-color:#5bd7bf45}.accent-violet .service-symbol{background:#9d85db20;color:#b6a6ed;border-color:#9d85db45}.accent-rose .service-symbol{background:#ee8ba820;color:#f0a9bf;border-color:#ee8ba845}.service-type{color:var(--muted);font-size:10px;border:1px solid var(--stroke);border-radius:20px;padding:4px 9px}.service-card h3{font-size:17px;margin:21px 0 8px}.service-card p{font-size:12px;line-height:1.65;color:var(--muted);flex:1}.service-card a{display:flex;justify-content:space-between;border-top:1px solid var(--stroke);padding-top:12px;margin-top:13px;font-weight:800;color:var(--gold);font-size:12px}.service-card a b{font-size:16px}.no-results{padding:20px;color:var(--muted)}.split-row{display:grid;grid-template-columns:1fr .86fr;gap:17px;margin:21px 0}.workflow-steps{margin-top:23px}.workflow-steps>div{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--stroke)}.workflow-steps>div:last-child{border:0}.workflow-steps>div>span{color:var(--gold);font-size:20px;font-weight:900;letter-spacing:-.05em}.workflow-steps h3{font-size:15px;margin:1px 0 5px}.workflow-steps p{font-size:12px;color:var(--muted);margin:0}.creative-panel{position:relative;overflow:hidden;border-radius:24px;border:1px solid #577b7c78;padding:36px;background:radial-gradient(circle at 65% 38%,#17aaa637,transparent 38%),linear-gradient(120deg,#132a3d,#0d202e 70%,#1a3746);min-height:355px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;color:#f2fbff}.creative-eyebrow{position:absolute;top:32px;left:36px;color:#9dd2d1;font-size:10px;letter-spacing:.17em;font-weight:800}.creative-ring{position:absolute;font-size:170px;right:2px;top:10px;line-height:1;color:#f2ba626e;text-shadow:0 0 70px #c99e4d40}.creative-panel h2,.creative-panel p,.creative-panel a{position:relative;z-index:1}.creative-panel h2{font-size:clamp(25px,2.1vw,36px);max-width:470px}.creative-panel p{color:#b4ccdb;font-size:12px;max-width:490px}.creative-panel a{color:#f4d199;font-weight:850;font-size:12px;margin-top:8px}.creative-panel a span{margin-left:9px}.order-section{margin-top:22px}.order-heading{display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--stroke)}.order-heading h2{margin:8px 0}.order-heading p{margin:0;color:var(--muted);font-size:13px;max-width:600px}.order-side-note{background:var(--card2);border:1px solid var(--stroke);padding:17px;border-radius:15px}.order-side-note>span{color:var(--teal);font-size:23px}.order-side-note b,.order-side-note small{display:block}.order-side-note b{font-size:12px}.order-side-note small{color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.order-form{padding-top:28px;display:grid;gap:17px}.order-form label,.access-card label,.admin-filter label,.admin-edit label{display:block;font-size:12px;font-weight:750;color:var(--text)}.order-form label span{color:var(--gold)}.order-form input:not([type=checkbox]),.order-form select,.order-form textarea,.access-card input,.admin-filter input,.admin-filter select,.admin-edit select,.admin-edit textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;color:var(--text);background:var(--input);border:1px solid var(--stroke);border-radius:11px;outline:0;font-size:13px;resize:vertical}.order-form input:focus,.order-form select:focus,.order-form textarea:focus,.access-card input:focus,.admin-filter input:focus,.admin-filter select:focus,.admin-edit select:focus,.admin-edit textarea:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}textarea{min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-help{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:6px}.honeypot{position:absolute;left:-10000px;top:auto;height:1px;width:1px;overflow:hidden}.consent{display:flex!important;gap:10px;align-items:start;font-weight:500!important;color:var(--muted)!important}.consent input{margin-top:2px;width:17px;height:17px;accent-color:#e6af5c}.consent span{color:var(--muted)!important}.submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.submit-row p{font-size:11px;color:var(--muted);margin:0}.notice{padding:15px 18px;border-radius:11px;margin:18px 0;font-size:13px}.notice-error{background:#e15c5c14;border:1px solid #e15c5c66;color:var(--text)}.notice-success{background:#2ca9841a;border:1px solid #2ca98475;color:var(--text)}.site-footer{padding:30px clamp(22px,3.6vw,57px);border-top:1px solid var(--stroke);background:var(--shell);display:grid;grid-template-columns:1fr auto;gap:14px;color:var(--muted)}.site-footer>div:first-child{display:flex;flex-direction:column}.site-footer b{font-size:14px;color:var(--gold)}.site-footer span,.site-footer small{font-size:11px}.site-footer .footer-right{display:flex;gap:22px;font-size:12px}.site-footer .footer-right a:hover{color:var(--gold)}.site-footer>small{grid-column:1/-1;font-size:10px}.sidebar-overlay{display:none}.page-intro{border:1px solid var(--stroke);border-radius:26px;padding:clamp(30px,5vw,70px);background:radial-gradient(circle at right top,#406b7255,transparent 52%),var(--card);margin-bottom:22px}.page-intro h1{font-size:clamp(2.5rem,5vw,5rem);margin:19px 0}.page-intro p{color:var(--muted);max-width:680px;line-height:1.8}.page-intro .btn{margin-top:14px}.about-layout{display:grid;grid-template-columns:.75fr 1fr;gap:20px}.about-art{min-height:435px}.about-art .creative-ring{top:75px;right:25%;font-weight:1000;font-family:Georgia,serif;color:#f4c37b}.about-copy{display:flex;flex-direction:column;justify-content:center}.about-copy p{font-size:13px;line-height:1.9;color:var(--muted)}.about-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px}.about-points span{border:1px solid var(--stroke);border-radius:9px;background:var(--card2);padding:8px 11px;font-size:11px}.about-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.center-stage{min-height:68vh;display:grid;place-items:center;padding:60px 12px}.access-card,.receipt-card{width:min(100%,665px);padding:clamp(25px,4vw,52px);border:1px solid var(--stroke);border-radius:23px;background:var(--card);box-shadow:var(--shadow)}.access-card{max-width:530px}.access-icon,.receipt-success{display:grid;place-items:center;width:61px;height:61px;border-radius:17px;background:#eab45f23;border:1px solid #edbf7466;color:var(--gold);font-size:32px;margin-bottom:22px}.receipt-success{background:#55c8a61b;color:var(--teal);border-color:#55c8a661}.access-card h1,.receipt-card h1,.admin-head h1{font-size:clamp(2.2rem,4.5vw,4rem);margin:15px 0}.access-card>p,.receipt-card>p{color:var(--muted);font-size:13px;line-height:1.8}.access-card form{display:grid;gap:18px;margin-top:24px}.access-card .access-note{font-size:11px;margin-top:20px}.receipt-number{border:1px solid #dba85865;background:linear-gradient(100deg,#d59d5020,transparent);border-radius:13px;padding:20px;margin:27px 0}.receipt-number small,.tracking-grid small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}.receipt-number strong{color:var(--gold);font-size:26px;letter-spacing:.04em;overflow-wrap:anywhere}.track-box label{font-size:12px;font-weight:850}.copy-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:9px 0}.copy-layout input{padding:12px;background:var(--input);border:1px solid var(--stroke);border-radius:9px;color:var(--text);width:100%;min-width:0}.receipt-help{font-size:12px;color:var(--muted);padding:15px 0 24px}.tracking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tracking-grid>div{padding:15px;background:var(--card2);border:1px solid var(--stroke);border-radius:12px}.tracking-grid b{display:block;margin-top:11px;font-size:12px;overflow-wrap:anywhere}.tracking-grid .status-pill{display:inline-block}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.admin-head>div>p{font-size:13px;color:var(--muted);max-width:680px}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:21px 0}.stat-tile{background:var(--card);border:1px solid var(--stroke);border-radius:18px;padding:22px;transition:transform .2s}.stat-tile:hover{transform:translateY(-3px)}.stat-all{background:linear-gradient(135deg,#214548,#29415b);border-color:#528b8280;color:#f2f9ff}.stat-tile>div{display:flex;align-items:center;gap:8px}.stat-tile small{font-weight:900;font-size:10px;letter-spacing:.06em;color:var(--muted)}.stat-all small{color:#d0e5e4}.stat-tile strong{font-size:36px;line-height:1.25;display:block;margin:15px 0 5px}.stat-tile>span{font-size:11px;color:var(--muted)}.stat-all>span{color:#c8dedc}.admin-list-panel{margin-top:24px}.admin-result-count{border-radius:40px;border:1px solid var(--stroke);padding:8px 13px;font-size:11px;color:var(--muted)}.admin-filter{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:12px;align-items:end}.admin-filter .btn{min-height:44px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 22px}.filter-pill{padding:7px 11px;border-radius:30px;border:1px solid var(--stroke);color:var(--muted);font-size:11px}.filter-pill.selected{border-color:#dbaa5c77;color:var(--gold);background:#dbaa5c11}.filter-pill b{font-size:10px;margin-left:5px}.admin-orders{display:grid;gap:15px}.admin-order{padding:25px;background:var(--card2);border:1px solid var(--stroke);border-radius:17px}.order-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.order-code{color:var(--gold);font-weight:900;letter-spacing:.03em;font-size:16px}.order-top small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.status-pill{padding:6px 12px;border-radius:40px;border:1px solid #dbaa5c77;background:#dbaa5c18;color:var(--gold);font-size:11px;font-weight:800;white-space:nowrap}.status-new{color:#f7c47c;border-color:#dbaa5c77}.status-consulting,.status-working{color:var(--blue);border-color:#6287d977;background:#5c84d91a}.status-done{color:var(--teal);border-color:#45cba177;background:#45cba11a}.status-cancelled{color:#e99898;border-color:#c75c5c77;background:#c75c5c18}.order-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:21px 0}.order-info small{display:block;font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.07em}.order-info strong,.order-info span{display:block;overflow-wrap:anywhere}.order-info strong{margin-top:5px;font-size:13px}.order-info span{color:var(--muted);font-size:11px;margin-top:4px}.order-desc{border:1px solid var(--stroke);background:var(--input);border-radius:11px;padding:17px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 22px}.admin-edit{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:12px;align-items:end}.admin-edit textarea{min-height:46px}.empty-state{text-align:center;padding:50px 15px;border:1px dashed var(--stroke);border-radius:14px}.empty-state span{font-size:40px;color:var(--gold)}.empty-state p{color:var(--muted);font-size:12px}
/* Light surfaces: maintain a completely distinct, high-contrast daytime theme. */
.theme-light .hero-panel{background:linear-gradient(115deg,#1b3049,#23546a 70%,#28696a)}.theme-light .metric-featured{background:linear-gradient(115deg,#e8f9f4,#e0ecfc);border-color:#b6e5d7}.theme-light .metric-featured .metric-head,.theme-light .metric-featured p,.theme-light .metric-featured .metric-detail{color:#42576d}.theme-light .metric-featured strong{color:#9b651d}.theme-light .sidebar-note{background:linear-gradient(135deg,#123f52,#215869)}.theme-light .creative-panel{background:linear-gradient(110deg,#1b4157,#123342)}.theme-light .stat-all{background:linear-gradient(120deg,#194b56,#31546d)}
@media(max-width:1300px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{transform:scale(.9)}}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:268px;height:100vh;max-height:none;transform:translateX(-105%);transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#050b19b8;z-index:29}.sidebar-overlay.is-visible{display:block}.mobile-menu{display:grid}.hero-panel{grid-template-columns:1fr minmax(200px,.55fr)}.hero-copy h1{font-size:clamp(2.5rem,5.6vw,4.4rem)}.hero-visual{transform:scale(.7);margin-left:-30px}.about-layout{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{height:70px;padding:0 18px}.topbar-hint{display:none}.page-main{padding:20px 16px 46px}.hero-panel{grid-template-columns:1fr;padding:38px 26px;gap:0}.hero-copy h1{font-size:clamp(2.55rem,11vw,4rem)}.hero-visual{height:200px;transform:scale(.58);margin:-30px 0 -30px}.overview{grid-template-columns:1fr 1fr}.metric-featured{grid-column:1/-1}.metric-card{padding:20px;min-height:145px}.metric-card strong.metric-text{font-size:23px}.split-row,.about-layout{grid-template-columns:1fr}.order-heading{grid-template-columns:1fr}.order-side-note{max-width:none}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-edit{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer>small{grid-column:1}.panel-heading{align-items:start;flex-direction:column}.search-wrap{width:100%;max-width:none}}
@media(max-width:550px){.topbar-crumb{font-size:10px}.topbar-order{font-size:11px;padding:10px}.topbar-order span{display:none}.topbar-actions{gap:8px}.hero-panel{border-radius:19px}.hero-copy h1{font-size:clamp(2.4rem,11vw,3.4rem)}.hero-copy p{font-size:13px}.hero-visual{display:none}.hero-actions{gap:10px}.hero-actions .btn{width:100%}.overview{grid-template-columns:1fr}.metric-featured{grid-column:auto}.quick-grid,.service-grid,.form-grid,.tracking-grid,.order-info{grid-template-columns:1fr}.content-panel{padding:22px}.section-title-inline>span{display:none}.quick-card{padding:13px}.about-art{min-height:300px}.about-cta{flex-direction:column;align-items:start}.admin-head{align-items:start;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.stat-tile{padding:17px}.stat-tile strong{font-size:31px}.admin-filter{grid-template-columns:1fr}.order-top{flex-wrap:wrap}.copy-layout{grid-template-columns:1fr}.site-footer .footer-right{flex-wrap:wrap;gap:14px}.receipt-number strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.notice-preview{background:#e8b96714;border:1px solid #d8aa5f65;color:var(--text)}

/* HELIOS V3 ACCOUNT WORKSPACES — original design, inherits V2 theme */
.nav-exit { margin: 0; }
.nav-exit button.side-link { display:flex; align-items:center; width:100%; color:inherit; font:inherit; text-align:left; border:0; background:none; cursor:pointer; }
.topbar-account { text-decoration:none; }
.account-card { max-width: 540px; }
.auth-form { display:grid; gap:15px; margin-top:24px; }
.auth-form label { display:grid; gap:8px; font-size:.91rem; font-weight:600; }
.auth-form input { display:block; width:100%; padding:14px 16px; border:1px solid var(--border,#30445a); border-radius:12px; background:var(--card-bg,#142333); color:inherit; font:inherit; box-sizing:border-box; }
.auth-form input:focus { outline:2px solid #19b8b2; outline-offset:1px; }
.access-note a,.notice a,.inline-admin-link { color:#1fbcbb; text-underline-offset:3px; }
.inline-admin-link { display:inline-block; margin-top:8px; font-weight:700; }
.portal-hero { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:30px; border-radius:24px; margin-bottom:22px; background:linear-gradient(125deg,#0b2432,#173748 65%,#114b51); color:#fff; border:1px solid rgba(80,217,212,.28); }
.portal-hero h1 { margin:8px 0 10px; font-size:clamp(1.8rem,3vw,2.5rem); }
.portal-hero h1 em { color:#72dfce; font-style:normal; }
.portal-hero p { color:#cedcdd; max-width:660px; line-height:1.6; }
.portal-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.portal-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.portal-metric { display:grid; gap:8px; padding:23px; border-radius:20px; border:1px solid rgba(70,163,171,.25); background:var(--card-bg,rgba(15,35,49,.45)); }
.portal-metric small { font-weight:700; font-size:.75rem; letter-spacing:.07em; opacity:.7; }
.portal-metric strong { font-size:2.2rem; }
.portal-metric span { opacity:.7; font-size:.85rem; }
.portal-panel { padding:24px; margin-bottom:22px; }
.portal-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.portal-order { padding:20px; border-radius:16px; border:1px solid rgba(79,161,167,.25); background:rgba(64,135,151,.055); overflow-wrap:anywhere; }
.portal-order h3 { margin:16px 0 8px; font-size:1.12rem; }
.portal-order p { white-space:pre-wrap; line-height:1.55; opacity:.87; }
.portal-order>small { opacity:.72; }
.portal-two-col { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.staff-roster { display:grid; gap:14px; margin-top:20px; }
.staff-person { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; align-items:center; padding:16px; border-radius:14px; background:rgba(65,154,154,.085); border:1px solid rgba(67,166,164,.17); }
.staff-person>div { display:grid; gap:5px; }
.staff-person span { opacity:.7; font-size:.88rem; }
.staff-person .btn { padding:10px 12px; font-size:.82rem; }
@media(max-width:850px) { .portal-hero { flex-direction:column; align-items:flex-start; } .portal-metrics { grid-template-columns:1fr; } .portal-two-col,.portal-list { grid-template-columns:1fr; } }

.password-form {max-width:520px; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end;}
.password-form>input[type=hidden] {display:none;}
.staff-reset {width:100%; font-size:.88rem;}
.staff-reset summary {cursor:pointer; color:#20b7b5; font-weight:700;}
.staff-reset form {display:flex; flex-wrap:wrap; gap:8px; padding-top:10px;}
.staff-reset input {flex:1; min-width:170px; padding:9px 12px; border-radius:10px; background:var(--card-bg,#152b3a); color:inherit; border:1px solid rgba(76,158,170,.25);}
@media(max-width:640px){.password-form {grid-template-columns:1fr;}}

.role-gateways {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;}
.role-gateway {position:relative;overflow:hidden;padding:26px;border:1px solid rgba(77,179,181,.25);border-radius:22px;background:linear-gradient(125deg,rgba(41,160,159,.12),rgba(13,38,55,.06));}
.role-staff {background:linear-gradient(120deg,rgba(211,165,79,.09),rgba(13,38,55,.06));}
.role-gateway h2 {font-size:clamp(1.3rem,2vw,1.75rem);margin:12px 0 9px;}.role-gateway h2 em{font-style:normal;color:#29bdb6;}
.role-gateway p{opacity:.78;max-width:470px;line-height:1.6;min-height:52px;margin:0 0 20px;}
@media(max-width:750px){.role-gateways{grid-template-columns:1fr;}}