:root{--accent:#ff6b35;--accent2:#fdcb6e;--ink:#101827;--panel:#151e2e;--muted:#7d8799;--bg:#0b111c;--surface:#111a29;--line:rgba(255,255,255,.12);--white:#f8fbff;--green:#21c483;--red:#ff5d6c;--shadow:0 22px 70px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:88px;display:flex;align-items:center;gap:25px;padding:0 clamp(18px,5vw,72px);background:rgba(10,16,27,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:bold 20px 'Space Grotesk';white-space:nowrap}.brand img{width:36px;height:36px;object-fit:contain}.site-nav{display:flex;gap:21px;align-items:center;margin:auto}.site-nav a,.nav-actions>a:not(.btn){color:#c7cfdb;font-size:14px}.site-nav a:hover,.nav-actions>a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:white;border:1px solid var(--accent);padding:11px 17px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-outline{background:transparent;border-color:var(--line);color:#fff}.btn-soft{background:rgba(255,255,255,.09);border-color:transparent}.btn-danger{background:var(--red);border-color:var(--red)}.btn-small{padding:8px 12px;font-size:13px}.nav-toggle{display:none;background:transparent;border:0;color:#fff;font-size:24px}.flash{max-width:1160px;margin:18px auto;padding:12px 16px;border-radius:10px;border:1px solid}.flash.success{color:#b4f4d7;background:#0b3c31;border-color:#177e61}.flash.error{color:#ffd4d9;background:#4c202a;border-color:#9d3949}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 6px}.muted{color:#98a4b8}.section{max-width:1200px;margin:0 auto;padding:88px 24px}.section-tight{padding-top:45px;padding-bottom:45px}.section-head{max-width:690px;margin-bottom:38px}.section-head h2,.hero h1,.page-hero h1,.dash-top h1{font:700 clamp(32px,4vw,58px)/1.07 'Space Grotesk';margin:0 0 15px;letter-spacing:-.04em}.section-head p{color:#a7b1c2;margin:0}.hero{min-height:680px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 20%,rgba(255,107,53,.22),transparent 31%),radial-gradient(circle at 85% 68%,rgba(63,99,210,.19),transparent 28%)}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-copy{padding-left:clamp(24px,6vw,95px);max-width:760px}.hero h1{font-size:clamp(43px,6vw,86px)}.hero h1 em{color:var(--accent);font-style:normal}.hero p{font-size:18px;max-width:600px;color:#b7c0cf}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;color:#cbd3df;font-size:13px}.hero-points span:before{content:'✓';color:var(--accent);font-weight:700;margin-right:7px}.hero-visual{min-height:500px;padding:50px 5vw 50px 0}.hero-panel{height:100%;border-radius:26px;padding:32px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-90px;bottom:-120px}.hero-card{background:#0f1725;border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0;position:relative}.hero-card strong{font:600 21px 'Space Grotesk'}.hero-card p{font-size:13px;margin:4px 0;color:#abb5c5}.hero-stat{position:absolute;right:12%;bottom:12%;background:var(--accent);border-radius:15px;padding:18px 23px;z-index:2;box-shadow:0 12px 34px rgba(0,0,0,.28)}.hero-stat b{display:block;font-size:25px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:17px;padding:25px;transition:.22s}.card:hover{transform:translateY(-5px);border-color:rgba(255,107,53,.6)}.service-card{display:flex;flex-direction:column}.service-icon{width:58px;height:58px;padding:13px;background:rgba(255,255,255,.09);border-radius:15px;object-fit:contain;margin-bottom:18px}.service-card h3{font:600 21px 'Space Grotesk';margin:0 0 8px}.service-card p{color:#a7b1c2;margin:0 0 18px}.service-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#c5cedd;font-size:13px}.feature-strip{padding:0 24px;max-width:1200px;margin:-35px auto 0;position:relative;z-index:4}.feature-strip .card{padding:20px;background:#141d2c}.feature-strip strong{font:600 25px 'Space Grotesk';display:block;color:var(--accent)}.cta{margin:0 24px 80px;padding:clamp(30px,5vw,70px);max-width:1152px;margin-left:auto;margin-right:auto;border-radius:23px;background:linear-gradient(118deg,var(--accent),#e9552e);position:relative;overflow:hidden}.cta:after{content:'#';position:absolute;right:4%;top:-18%;font:700 240px 'Space Grotesk';opacity:.13}.cta h2{position:relative;font:700 clamp(32px,4vw,53px)/1.1 'Space Grotesk';margin:0 0 12px}.cta p,.cta .btn{position:relative}.cta .btn{color:var(--ink);background:#fff;border-color:#fff}.page-hero{padding:90px 24px 74px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,107,53,.24),transparent 45%),linear-gradient(#101827,#0b111c)}.page-hero p{max-width:680px;margin:0 auto;color:#b4bece;font-size:17px}.rich-content{color:#c4cedc}.rich-content h2,.rich-content h3{font-family:'Space Grotesk';color:#fff}.rich-content a{color:var(--accent)}.team-card{padding:0;overflow:hidden}.team-card img{width:100%;height:285px;object-fit:cover}.team-card .team-info{padding:20px}.team-card h3,.portfolio-card h3{margin:0;font:600 21px 'Space Grotesk'}.team-card p,.portfolio-card p{color:#a4afc0;margin:7px 0}.portfolio-card{padding:0;overflow:hidden}.portfolio-card img{height:230px;width:100%;object-fit:cover}.portfolio-card .portfolio-info{padding:20px}.pill{display:inline-block;padding:4px 9px;border-radius:30px;background:rgba(255,107,53,.16);color:#ffb29e;font-size:12px;font-weight:700}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:65px max(24px,6vw);background:#09101a;border-top:1px solid var(--line)}.site-footer h4{font-family:'Space Grotesk';margin:0 0 11px}.site-footer p{color:#9ca8ba;max-width:380px}.site-footer>div:not(:first-child){display:flex;flex-direction:column;gap:7px;color:#bac4d3}.footer-bottom{background:#09101a;border-top:1px solid var(--line);padding:18px 6vw;color:#8390a2;font-size:13px}.form-shell{max-width:760px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.form-grid section{padding:22px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04)}.form-grid h3{margin:0 0 16px;font-family:'Space Grotesk'}.form-grid label,.form-stack label{display:block;font-size:13px;font-weight:700;color:#dae2ee;margin-bottom:13px}input,select,textarea{display:block;width:100%;margin-top:6px;background:#0d1522;color:#f6f8fc;border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:11px 12px;font:14px 'DM Sans';outline:0}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,107,53,.13)}.form-actions{display:flex;gap:12px;align-items:center}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-info .card{margin-bottom:15px}.contact-info strong{display:block;font-size:17px}.auth-wrap{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:55px 20px;background:radial-gradient(circle at 10% 20%,rgba(255,107,53,.2),transparent 27%)}.auth-card{max-width:470px;width:100%;background:#121c2b;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{font:700 34px 'Space Grotesk';margin:0 0 8px}.auth-card p{color:#a6b0c0}.auth-card .btn{width:100%;margin-top:8px}.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:27px}.detail-side .card{margin-bottom:16px}.feature-list{padding:0;list-style:none}.feature-list li{padding:8px 0;color:#cbd3df;border-bottom:1px solid var(--line)}.feature-list li:before{content:'✓';color:var(--accent);margin-right:9px;font-weight:700}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;text-transform:capitalize}.badge-new,.badge-pending,.badge-open,.badge-unpaid{background:#4a3c1c;color:#ffe39b}.badge-reviewing,.badge-inprogress,.badge-partiallypaid{background:#173a5c;color:#a7d8ff}.badge-completed,.badge-approved,.badge-paid,.badge-active,.badge-closed{background:#164437;color:#a7f2cf}.badge-rejected,.badge-cancelled,.badge-inactive,.badge-blocked{background:#51262c;color:#ffb8c2}.install-body{min-height:100vh;display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 20% 0,rgba(255,107,53,.22),transparent 30%),#0b111c}.install-card{width:min(930px,100%);padding:35px;background:#121c2b;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.install-brand{display:flex;align-items:center;gap:13px;margin-bottom:20px}.install-brand>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent);font:bold 32px 'Space Grotesk'}.install-brand h1{margin:0;font:700 28px 'Space Grotesk'}.install-brand small{letter-spacing:.12em;color:#aab4c5}
/* dashboards */.dash-body{background:#0c1420;display:flex;min-height:100vh}.dash-sidebar{width:270px;min-height:100vh;flex:0 0 270px;background:#101a29;border-right:1px solid var(--line);padding:26px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.dash-sidebar .brand{padding:0 8px}.profile-mini{display:flex;gap:10px;align-items:center;padding:21px 10px;border-bottom:1px solid var(--line);margin-bottom:16px}.profile-mini small{color:#92a0b2;display:block;font-size:12px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-weight:700}.dash-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.dash-nav a{padding:9px 11px;border-radius:8px;color:#b4bfce;font-size:14px}.dash-nav a:hover{background:rgba(255,255,255,.07);color:#fff}.logout{margin-top:auto;padding:13px 10px;color:#ffb2bc}.dash-main{width:100%;padding:32px clamp(18px,4vw,56px) 65px;overflow:auto}.dash-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.dash-top h1{font-size:32px;margin:0}.dash-toggle{display:none;background:transparent;color:#fff;border:0;font-size:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat-card{background:#121d2d;border:1px solid var(--line);padding:20px;border-radius:15px}.stat-card small{color:#91a0b4;display:block}.stat-card strong{font:700 29px 'Space Grotesk';display:block;margin-top:7px}.stat-card strong.accent{color:var(--accent)}.panel{background:#121d2d;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:16px}.panel h2,.panel h3{font:600 21px 'Space Grotesk';margin:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:#8f9daf;font-weight:700;white-space:nowrap}.table td{color:#d4dbe6}.table a{color:#ffb097}.table-actions{display:flex;gap:7px;flex-wrap:wrap}.table-actions a,.table-actions button{font:12px 'DM Sans';padding:5px 7px;border-radius:6px;border:1px solid var(--line);background:transparent;color:#fff;cursor:pointer}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.invoice-lines{display:grid;grid-template-columns:1.5fr .5fr 1fr auto;gap:9px;margin-bottom:10px}.invoice-total{font:700 28px 'Space Grotesk';color:var(--accent)}.chat-box{height:380px;overflow-y:auto;padding:10px;background:#0b1320;border:1px solid var(--line);border-radius:12px;margin-bottom:13px}.bubble{max-width:78%;padding:11px 13px;border-radius:12px;margin:10px 0;background:#1b2a41}.bubble.mine{margin-left:auto;background:var(--accent)}.bubble small{display:block;opacity:.72;margin-top:5px;font-size:11px}.wallet-amount{font:700 42px 'Space Grotesk';color:var(--accent);margin:5px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs a{padding:8px 12px;border-radius:8px;background:#182335;color:#c3cddd;font-size:13px}.tabs a:hover{background:var(--accent);color:#fff}.payment-method{padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px}.payment-method b{font-size:16px}.thumbnail{width:54px;height:44px;object-fit:cover;border-radius:7px;background:#0a0f18}.status-select{max-width:180px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-copy{padding:0 24px}.hero-visual{padding:15px 24px 60px;min-height:420px}.grid-4{grid-template-columns:repeat(2,1fr)}.detail-layout,.contact-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.dash-sidebar{position:fixed;z-index:50;transform:translateX(-105%);transition:.2s;box-shadow:var(--shadow)}.dash-sidebar.open{transform:translateX(0)}.dash-toggle{display:block}.dash-main{padding:25px 18px 60px}.dash-top{align-items:flex-start}.dash-top .btn{display:none}}
@media(max-width:720px){.site-header{height:72px;padding:0 17px}.site-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:16px;background:#101a29;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:3px}.site-nav.open{display:flex}.site-nav a{padding:8px}.nav-actions{margin-left:auto}.nav-actions>a:not(.btn){display:none}.nav-actions .btn{padding:8px 10px;font-size:12px}.nav-toggle{display:block;order:2}.hero h1{font-size:43px}.hero p{font-size:16px}.section{padding:62px 18px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.feature-strip{margin:0;padding:0 18px}.feature-strip .grid-4{grid-template-columns:repeat(2,1fr)}.feature-strip .card{padding:15px}.site-footer{grid-template-columns:1fr;padding:45px 24px}.form-grid{grid-template-columns:1fr}.form-grid section{padding:17px}.invoice-lines{grid-template-columns:1fr 1fr}.invoice-lines input:first-child{grid-column:1/-1}.dash-top h1{font-size:27px}.stats{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-card strong{font-size:23px}.panel{padding:15px}.table{min-width:650px}.hero-stat{right:7%;bottom:8%}.page-hero{padding:60px 18px}.auth-card{padding:25px}.install-card{padding:22px}.install-brand h1{font-size:23px}}

/* Hash Tags CMS / portal enhancements */
.preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--bg);transition:opacity .32s ease,visibility .32s ease}.preloader.is-hidden{opacity:0;visibility:hidden}.preloader>div{display:flex;align-items:center;gap:12px;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:.03em}.preloader span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#fff;font-size:30px;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.site-header{background:var(--surface)}.site-footer,.footer-bottom{background:var(--ink)}.panel,.stat-card,.auth-card,.install-card{background:var(--surface)}.hero-panel,.card{border-color:var(--line)}.dash-sidebar{background:var(--surface)}.dash-body{background:var(--bg)}.dash-main{background:var(--bg)}
.page-hero[style*="--hero-image"]{background-image:linear-gradient(180deg,rgba(11,17,28,.73),rgba(11,17,28,.93)),var(--hero-image);background-size:cover;background-position:center}.page-hero[style*="--hero-image"] p{color:#eef2f8}.page-hero[style*="--hero-image"] .eyebrow{color:var(--accent2)}
.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.social-links a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--white);font-size:12px;transition:.2s}.social-links a:hover{border-color:var(--accent);background:rgba(255,255,255,.08)}
.content-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.content-media>img{width:100%;max-height:420px;border:1px solid var(--line);border-radius:20px;object-fit:cover;background:var(--surface)}.cms-section .section-head{margin-bottom:28px}.cms-section .rich-content p:first-child{margin-top:0}.cms-section .rich-content p:last-child{margin-bottom:0}.cms-section .grid .card{height:100%}
.invoice-lines .remove-line{white-space:nowrap}.invoice-lines .remove-line:only-child{display:none}.panel .form-grid>section.full{background:rgba(255,255,255,.02)}
.file-preview{display:flex;gap:10px;align-items:center;margin-top:8px}.file-preview img{width:72px;height:52px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.team-card .social-links{padding-top:5px}.team-card .social-links a{font-size:11px;padding:5px 8px}.portfolio-card a{color:var(--accent);font-weight:700}.hero-panel[style*="background-image"]{background-repeat:no-repeat}
@media(max-width:720px){.content-media{grid-template-columns:1fr;gap:20px}.content-media>img{max-height:300px}.preloader>div{font-size:17px}.preloader span{width:40px;height:40px;font-size:26px}.invoice-lines .remove-line{align-self:stretch}.site-nav{max-height:calc(100vh - 72px);overflow:auto}.dash-sidebar{max-width:86vw}.dash-main{min-width:0}}
@media print{.dash-sidebar,.dash-top,.site-header,.site-footer,.footer-bottom,.nav-toggle,.btn,.form-actions{display:none!important}.dash-main{padding:0!important}.panel{border:0!important;box-shadow:none!important}.dash-body{display:block!important;background:#fff!important;color:#000!important}.dash-body *{color:#000!important}}
/* Final Hash Tags portal refinements */
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:#fff;font:700 24px/1 'Space Grotesk',sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.service-icon-placeholder{display:grid;place-items:center;color:var(--accent);font:700 31px/1 'Space Grotesk',sans-serif}
.media-placeholder{display:grid;place-items:center;min-height:210px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));border:1px dashed var(--line);color:var(--accent);font:700 clamp(52px,9vw,104px)/1 'Space Grotesk',sans-serif}
.media-placeholder.large{min-height:360px;border-radius:20px}.team-placeholder{min-height:285px}.portfolio-placeholder{min-height:230px}.detail-placeholder{min-height:350px;margin:16px 0 28px;border-radius:20px}.detail-image{width:100%;max-height:480px;object-fit:cover;border:1px solid var(--line);border-radius:20px;margin:16px 0 28px;background:var(--surface)}
.empty-state{padding:28px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);text-align:center;background:rgba(255,255,255,.025)}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:19;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;box-shadow:0 14px 35px rgba(0,0,0,.3)}
.faq-list{display:grid;gap:11px;max-width:900px}.faq-item{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);padding:0 16px}.faq-item summary{padding:15px 0;cursor:pointer;color:var(--white);font-weight:700}.faq-item p{color:var(--muted);margin:0 0 16px}.checkbox-field{display:flex!important;align-items:center;gap:8px;color:var(--muted)!important;font-weight:500!important}.checkbox-field input{display:inline-block!important;width:auto!important;margin:0!important}
.service-card .pill{width:max-content;margin-bottom:11px}.service-card .service-icon+.pill{margin-top:-4px}.detail-layout h1{font:700 clamp(34px,4vw,58px)/1.08 'Space Grotesk';margin:0}.rich-content{word-break:break-word}.rich-content ul,.rich-content ol{padding-left:21px}.table td .badge{white-space:nowrap}
@media(max-width:720px){.media-placeholder{min-height:180px}.team-placeholder{min-height:235px}.portfolio-placeholder{min-height:180px}.detail-placeholder{min-height:240px}.whatsapp-float{right:15px;bottom:15px}.site-header .brand-mark{width:32px;height:32px;font-size:21px}}

/* Premium responsive brand logo — Hash Tags */
.brand{min-width:0;flex-shrink:0}
.brand .brand-logo{display:block;width:auto;height:52px;max-width:220px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 22px rgba(0,0,0,.24));transition:transform .2s ease,filter .2s ease}
.brand:hover .brand-logo{transform:translateY(-1px);filter:drop-shadow(0 10px 26px rgba(0,0,0,.32))}
.site-header .brand .brand-logo{height:50px;max-width:210px}
.site-footer .brand .brand-logo{height:58px;max-width:245px}
.dash-sidebar .brand{width:100%;padding:0 8px 16px;justify-content:flex-start}
.dash-sidebar .brand .brand-logo{height:48px;max-width:205px}
.brand-name{display:inline-block}
.preloader .preloader-brand{display:flex;align-items:center;justify-content:center;padding:14px 18px;min-width:min(280px,84vw);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(11,17,28,.78);box-shadow:0 20px 60px rgba(0,0,0,.34);backdrop-filter:blur(16px)}
.preloader .preloader-brand .brand-logo{width:auto;height:70px;max-width:min(320px,76vw);object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,0,0,.3))}
@media(max-width:980px){.site-header .brand .brand-logo{height:46px;max-width:185px}.dash-sidebar .brand .brand-logo{height:44px;max-width:185px}}
@media(max-width:720px){.site-header .brand{gap:0}.site-header .brand .brand-logo{height:38px;max-width:145px}.site-footer .brand .brand-logo{height:48px;max-width:190px}.dash-sidebar .brand .brand-logo{height:42px;max-width:175px}.preloader .preloader-brand .brand-logo{height:56px;max-width:76vw}}
@media(max-width:420px){.site-header .brand .brand-logo{height:34px;max-width:126px}.nav-actions .btn{padding-left:8px;padding-right:8px}.site-footer .brand .brand-logo{height:44px;max-width:172px}}

/* Premium invoice system */
.invoice-builder-panel{max-width:1180px}.invoice-builder{gap:18px}.invoice-builder-section{padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.invoice-builder-section h3{margin:0 0 6px}.client-type-switch{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 18px}.client-type-switch label{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer}.client-type-switch input{width:auto;margin:0}.premium-invoice-line{grid-template-columns:minmax(280px,2.3fr) 100px 140px 120px auto;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);margin-bottom:10px}.invoice-line-main{display:grid;gap:8px}.invoice-line-main input+input{font-size:13px}.invoice-line-total{font-family:"Space Grotesk",sans-serif;text-align:right;white-space:nowrap}.invoice-calculation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px}.invoice-totals-card{padding:20px;border-radius:18px;background:linear-gradient(145deg,rgba(255,107,53,.12),rgba(253,203,110,.05));border:1px solid rgba(255,107,53,.25)}.invoice-live-summary{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.invoice-live-summary span,.invoice-live-summary strong{display:flex;justify-content:space-between;gap:20px}.invoice-live-summary strong{font-size:19px;color:var(--accent2)}.invoice-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.invoice-view-layout{align-items:start}.professional-invoice-preview{background:#fff;color:#101827;border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.invoice-preview-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding-bottom:24px;border-bottom:3px solid #ff6b35}.invoice-preview-head img{display:block;max-width:220px;max-height:72px;object-fit:contain;object-position:left center}.invoice-preview-head p{margin:8px 0 0;color:#6c7483;font-size:13px}.invoice-preview-head>div:last-child{text-align:right}.invoice-preview-head span{display:block;font:700 30px/1 "Space Grotesk",sans-serif;letter-spacing:.08em}.invoice-preview-head strong{display:block;margin-top:8px;color:#ff6b35}.invoice-preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0}.invoice-preview-meta>div:last-child{text-align:right}.invoice-preview-meta small{color:#ff6b35;font-weight:800;letter-spacing:.1em}.invoice-preview-meta h3,.professional-invoice-preview h2{color:#101827}.invoice-preview-meta p{margin:5px 0;color:#596273}.professional-invoice-preview .table{color:#101827}.professional-invoice-preview .table th{background:#f3f5f8;color:#596273}.professional-invoice-preview .table td{border-color:#e7eaf0}.invoice-preview-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-top:24px}.invoice-preview-bottom h4{margin:14px 0 7px;color:#101827}.invoice-preview-bottom p{color:#596273}.invoice-preview-totals{background:#f6f7fa;border-radius:16px;padding:18px}.invoice-preview-totals p,.invoice-preview-totals strong{display:flex;justify-content:space-between;gap:16px;margin:0;padding:8px 0}.invoice-preview-totals strong{margin-top:8px;padding-top:14px;border-top:1px solid #dde2ea;font-size:18px;color:#ff6b35}.danger-panel{border-color:rgba(255,93,108,.28)}
@media(max-width:900px){.premium-invoice-line{grid-template-columns:1fr 1fr}.invoice-line-main{grid-column:1/-1}.invoice-line-total{text-align:left}.invoice-calculation-grid,.invoice-preview-bottom,.invoice-preview-meta{grid-template-columns:1fr}.invoice-preview-meta>div:last-child{text-align:left}.professional-invoice-preview{padding:22px}.invoice-preview-head{flex-direction:column}.invoice-preview-head>div:last-child{text-align:left}}
@media(max-width:560px){.premium-invoice-line{grid-template-columns:1fr}.client-type-switch{display:grid}.professional-invoice-preview{padding:16px}.invoice-preview-head img{max-width:180px}.invoice-builder-section{padding:16px}}

/* Invoice reliability + layout patch 4.3.2 */
.invoice-builder-panel{width:100%;max-width:1220px;margin-left:auto;margin-right:auto;overflow:hidden}
.invoice-line-head{display:grid;grid-template-columns:minmax(280px,2.3fr) 100px 140px 120px auto;gap:9px;padding:0 13px 8px;color:#8f9daf;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.invoice-line-head span:nth-child(2),.invoice-line-head span:nth-child(3),.invoice-line-head span:nth-child(4){text-align:right}
.premium-invoice-line{min-width:0}
.premium-invoice-line>*{min-width:0}
.invoice-line-main input{min-width:0}
.invoice-line-total{font-size:14px;overflow:hidden;text-overflow:ellipsis}
.invoice-view-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.invoice-view-layout>section.panel,.invoice-view-layout>aside{min-width:0}
.invoice-view-layout>aside{width:100%}
.professional-invoice-preview{width:100%;min-width:0;overflow:hidden}
.invoice-preview-head>div{min-width:0}
.invoice-preview-head p,.invoice-preview-meta p,.invoice-preview-bottom p{overflow-wrap:anywhere;word-break:break-word}
.invoice-preview-meta h3{margin:4px 0 7px}
.professional-invoice-preview>h2{margin:0 0 18px;font-size:22px;line-height:1.25;overflow-wrap:anywhere}
.invoice-preview-table-wrap,.professional-invoice-preview .table-wrap{width:100%;overflow:visible}
.invoice-preview-table{width:100%;min-width:0!important;table-layout:fixed}
.invoice-preview-table th:first-child,.invoice-preview-table td:first-child{width:52%;text-align:left}
.invoice-preview-table th:nth-child(2),.invoice-preview-table td:nth-child(2){width:10%;text-align:right}
.invoice-preview-table th:nth-child(3),.invoice-preview-table td:nth-child(3){width:18%;text-align:right}
.invoice-preview-table th:nth-child(4),.invoice-preview-table td:nth-child(4){width:20%;text-align:right}
.invoice-preview-table th,.invoice-preview-table td{padding:11px 9px;overflow-wrap:anywhere;word-break:break-word}
.invoice-preview-table td:nth-child(n+2){white-space:nowrap;word-break:normal}
.invoice-item-description,.invoice-preview-table td small{display:block;margin-top:5px;color:#727b8b;line-height:1.45}
.invoice-preview-totals{min-width:0}
.invoice-preview-totals span,.invoice-preview-totals b{min-width:0}
.invoice-preview-totals b{text-align:right;overflow-wrap:anywhere}
.invoice-outstanding-row{margin-top:8px!important;padding-top:12px!important;border-top:1px dashed #cfd5df;font-weight:800;color:#101827!important}
.portal-invoice-actions{justify-content:flex-end}
.portal-invoice-layout aside .panel{margin-bottom:16px}

@media(max-width:1180px){
  .invoice-view-layout{grid-template-columns:1fr}
  .invoice-view-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .invoice-view-layout>aside .panel{margin-bottom:0}
}
@media(max-width:900px){
  .invoice-line-head{display:none}
  .invoice-view-layout>aside{grid-template-columns:1fr}
  .premium-invoice-line{grid-template-columns:minmax(0,1fr) minmax(110px,.45fr)}
  .premium-invoice-line .invoice-line-main{grid-column:1/-1}
  .premium-invoice-line .invoice-line-total{align-self:center;text-align:right}
  .premium-invoice-line .remove-line{width:100%}
  .invoice-preview-table th,.invoice-preview-table td{padding:9px 6px;font-size:12px}
  .invoice-preview-head{gap:14px}
}
@media(max-width:560px){
  .premium-invoice-line{grid-template-columns:1fr}
  .premium-invoice-line .invoice-line-total{text-align:left;padding:4px 2px}
  .invoice-preview-table th:first-child,.invoice-preview-table td:first-child{width:46%}
  .invoice-preview-table th:nth-child(2),.invoice-preview-table td:nth-child(2){width:12%}
  .invoice-preview-table th:nth-child(3),.invoice-preview-table td:nth-child(3){width:20%}
  .invoice-preview-table th:nth-child(4),.invoice-preview-table td:nth-child(4){width:22%}
  .invoice-preview-table th,.invoice-preview-table td{font-size:10.5px;padding:8px 4px}
  .invoice-preview-head span{font-size:25px}
  .portal-invoice-actions .btn{width:100%}
}