:root{--red:#ef1f2f;--red-dark:#c91321;--red-soft:#fff0f1;--black:#080808;--ink:#24262b;--muted:#6f747e;--line:#e5e7eb;--soft:#f7f8fa;--white:#fff;--green:#16a05d;--orange:#e97a14;--blue:#2b2d31;--purple:#7c3aed;--shadow:0 12px 34px rgba(10,10,10,.08);--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 36px),var(--container));margin:auto}.top-line{height:4px;background:var(--black)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid #eee;backdrop-filter:blur(12px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--black),var(--red));color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(239,31,47,.2)}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:17px;color:var(--black)}.brand-text strong b{color:var(--red)}.brand-text small{margin-top:5px;color:#777;font-size:8px;font-weight:800;letter-spacing:1.1px}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{font-size:12px;font-weight:750;color:#333}.main-nav a:hover{color:var(--red)}.nav-button{padding:11px 18px;border-radius:7px;background:var(--red);color:#fff!important}.menu-toggle{display:none;border:0;background:var(--red-soft);color:var(--red);width:42px;height:42px;border-radius:8px;font-size:20px}
.flash{margin:16px 0;padding:13px 15px;border-radius:9px;font-size:12px;font-weight:700}.flash.success{background:#eaf8f1;color:#087744;border:1px solid #cceedd}.flash.error{background:#fff0f1;color:#a7111d;border:1px solid #f7cbd0}.flash.info{background:#f3f4f6;color:#333;border:1px solid #dedfe2}
.hero{padding:96px 0 90px;background:radial-gradient(circle at 15% 15%,rgba(239,31,47,.08),transparent 25%),radial-gradient(circle at 90% 82%,rgba(8,8,8,.05),transparent 28%),#fff8f8}.hero-inner{max-width:880px;margin:auto;text-align:center}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#ffe7e9;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.hero h1{margin:22px 0 0;color:var(--black);font-size:clamp(44px,6.2vw,72px);line-height:.99;letter-spacing:-3.5px}.hero h1 span{color:var(--red)}.hero p{max-width:690px;margin:24px auto 0;color:#666;font-size:15px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:31px}.btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:900}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dark)}.btn-dark{background:var(--black);color:#fff}.btn-light{background:#fff;color:var(--black);border-color:#d8dadd}.btn-green{background:var(--green);color:#fff}.btn-danger{background:#dc2634;color:#fff}.btn-muted{background:#737984;color:#fff}.btn-sm{min-height:34px;padding:0 11px;font-size:9px}.btn-block{width:100%}
.trust-strip{padding:30px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.trust-grid article{padding:22px;border-right:1px solid var(--line)}.trust-grid article:last-child{border:0}.trust-grid strong{display:block;color:var(--black);font-size:12px}.trust-grid span{color:var(--muted);font-size:9px}
.section{padding:84px 0}.section-soft{background:#fafafa}.section-red-soft{background:#fff7f7}.section-heading{max-width:760px;margin:0 auto 38px;text-align:center}.mini-title{color:var(--red);font-size:10px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.section-heading h2{margin:10px 0 0;color:var(--black);font-size:clamp(32px,4.6vw,52px);line-height:1.07;letter-spacing:-2px}.section-heading h2 span{color:var(--red)}.section-heading p{margin:15px auto 0;color:var(--muted);font-size:13px}
.market-tools{display:grid;grid-template-columns:1.6fr repeat(5,.72fr) auto;gap:10px;padding:16px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 7px 24px rgba(0,0,0,.04)}.market-tools input,.market-tools select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 11px;background:#fbfbfc;font-size:10px;outline:none}.market-tools input:focus,.market-tools select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,31,47,.08)}.market-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;margin-bottom:11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px;color:var(--muted)}.market-summary .actions{display:flex;gap:8px;flex-wrap:wrap}.table-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.table-scroll{overflow:auto}.data-table{width:100%;min-width:1120px;border-collapse:collapse}.data-table thead{background:var(--black);color:#fff}.data-table th{padding:14px 11px;text-align:left;font-size:9px;letter-spacing:.3px;white-space:nowrap}.data-table td{padding:13px 11px;border-top:1px solid var(--line);font-size:10px;white-space:nowrap;vertical-align:middle}.data-table tbody tr:hover{background:#fff9f9}.domain-cell{font-weight:900;color:var(--black)}.metric{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0f1f4;color:#3f4652;font-size:8px;font-weight:900}.niche-chip{display:inline-flex;max-width:170px;overflow:hidden;text-overflow:ellipsis;padding:5px 8px;border-radius:999px;background:#fff0f1;color:#9e1420;font-size:8px;font-weight:900}.price{color:var(--red);font-size:12px;font-weight:900}.price-lock{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:7px;background:#fff0f1;color:#a5111c;font-size:8px;font-weight:900}.row-actions{display:flex;gap:6px;align-items:center}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.page-links{display:flex;gap:5px;flex-wrap:wrap}.page-links a,.page-links span{min-width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#222;font-size:9px;font-weight:800}.page-links .active{background:var(--red);border-color:var(--red);color:#fff}.locked-note{padding:13px 16px;border-top:1px solid #f1d4d6;background:#fff8f8;color:#8d252d;font-size:9px;font-weight:700}
.about-wrap{max-width:970px;margin:auto;text-align:center}.about-wrap h2{margin:12px 0 18px;color:var(--black);font-size:clamp(37px,5vw,58px);line-height:1.03;letter-spacing:-2.4px}.about-wrap h2 span{color:var(--red)}.about-wrap p{margin:13px auto;color:#636873;font-size:13px}.about-wrap strong{color:#111}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.about-card{padding:27px;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:11px;text-align:left;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}.about-card i{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--black);color:#fff;font-style:normal;font-weight:900;font-size:10px}.about-card h3{margin:17px 0 8px;color:var(--black);font-size:15px}.about-card p{font-size:10px;margin:0;color:var(--muted)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.service-card span{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--red-soft);color:var(--red);font-weight:900;font-size:10px}.service-card h3{margin:17px 0 8px;color:var(--black);font-size:14px}.service-card p{margin:0;color:var(--muted);font-size:10px}.flow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.flow-step{padding:22px 16px;border:1px solid #24262d;border-radius:12px;background:#111319;color:#fff;text-align:center}.flow-step b{width:33px;height:33px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--red);font-size:11px}.flow-step strong{display:block;margin-top:12px;font-size:11px}.flow-step small{display:block;margin-top:6px;color:#aeb3be;font-size:8px}.dark-section{background:#090a0d}
.cta{padding:70px 0;background:#fff4f4}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px;border-radius:14px;background:linear-gradient(120deg,var(--black),#191919 60%,#4b0b11);color:#fff}.cta-box h2{margin:0;font-size:clamp(30px,4vw,47px);line-height:1.06}.cta-box p{margin:10px 0 0;color:#c7c7c7;font-size:11px}
.site-footer{padding:56px 0 20px;background:#080808;color:#fff}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid p,.footer-grid a{color:#9ea2aa;font-size:10px}.footer-grid h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.footer-brand .brand-text strong{color:#fff}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid #232323;color:#777;font-size:9px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:900;padding:12px 17px;border-radius:999px;background:#16a560;color:#fff;font-size:10px;font-weight:900;box-shadow:0 12px 28px rgba(22,165,96,.25)}
.auth-page{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:60px 18px;background:#fafafa}.auth-card{width:min(100%,470px);padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.auth-card h1{margin:0;color:#111;font-size:28px}.auth-card>p{margin:7px 0 22px;color:var(--muted);font-size:11px}.tabs-note{margin-top:14px;text-align:center;font-size:10px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:900;color:#222}.field input,.field select,.field textarea{width:100%;min-height:43px;padding:10px 11px;border:1px solid #dfe1e5;border-radius:7px;background:#fff;outline:none;font-size:10px}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,31,47,.08)}.help{color:var(--muted);font-size:8px}.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:17px}
.app-body{background:#f4f5f7}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;background:#12151a;color:#fff}.admin-sidebar{background:#090a0d}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px;border-bottom:1px solid #2a2d33}.sidebar-brand .brand-mark{width:37px;height:37px;border-radius:9px}.sidebar-brand b{font-size:12px}.sidebar nav{display:grid;gap:3px;margin-top:16px}.sidebar nav a{padding:11px 12px;border-radius:7px;color:#c7cbd2;font-size:10px;font-weight:750}.sidebar nav a:hover{background:#24282f;color:#fff}.admin-sidebar nav a:hover{background:var(--red);color:#fff}.app-main{padding:28px;min-width:0}.app-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.app-top small{color:var(--red);font-size:8px;font-weight:900;letter-spacing:1.5px}.app-top h1{margin:4px 0 0;color:#111;font-size:28px}.user-pill{padding:9px 13px;border:1px solid #ddd;border-radius:999px;background:#fff;font-size:9px;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{padding:19px;border:1px solid #e0e2e6;border-radius:11px;background:#fff}.stat-card small{color:#777;font-size:8px;font-weight:800}.stat-card strong{display:block;margin-top:6px;color:#111;font-size:25px}.stat-card.red strong{color:var(--red)}.stat-card.green strong{color:var(--green)}.stat-card.blue strong{color:var(--blue)}.panel{margin-bottom:18px;border:1px solid #dfe1e5;border-radius:12px;background:#fff;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #e8e9ec}.panel-head h2{margin:0;color:#111;font-size:14px}.panel-body{padding:18px}.panel .data-table{min-width:900px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.status.success{background:#e7f8ef;color:#087747}.status.info{background:#f1f2f4;color:#292c31}.status.warning{background:#fff3df;color:#a55b08}.status.danger{background:#ffe8ea;color:#ae1723}.status.purple{background:#f2eaff;color:#6c38b1}.status.neutral{background:#f0f1f3;color:#545b65}.order-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.detail-list{display:grid;gap:10px}.detail-row{display:grid;grid-template-columns:140px 1fr;gap:10px;padding-bottom:9px;border-bottom:1px dashed #e4e5e8;font-size:10px}.detail-row b{color:#222}.note-box{padding:13px;border:1px solid #f1d0d3;border-radius:9px;background:#fff8f8;color:#6c252a;font-size:10px}.copy-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:8px;background:#111;color:#fff;font-size:9px;transition:.2s;z-index:3000}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.bulk-box{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-hint{padding:12px;border-radius:8px;background:#111;color:#ddd;font-family:monospace;font-size:9px;overflow:auto}.checkbox{width:15px;height:15px;accent-color:var(--red)}
@media(max-width:1050px){.market-tools{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.about-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid article:nth-child(2){border-right:0}.app-shell{grid-template-columns:200px 1fr}}
@media(max-width:780px){.menu-toggle{display:block}.main-nav{position:fixed;left:18px;right:18px;top:85px;display:none;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.main-nav.open{display:grid}.main-nav a{padding:11px}.market-tools{grid-template-columns:1fr 1fr}.hero-actions,.cta-box{flex-direction:column;align-items:stretch}.app-shell{display:block}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.app-main{padding:18px}.order-detail-grid,.bulk-box{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.brand-text strong{font-size:14px}.brand-text small{font-size:7px}.hero{padding:70px 0}.hero h1{font-size:44px}.market-tools,.services-grid,.flow-grid,.stats-grid,.footer-grid,.trust-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.market-summary,.pagination,.app-top{align-items:flex-start;flex-direction:column}.trust-grid article{border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:1fr 1fr}.app-main{padding:14px}.detail-row{grid-template-columns:1fr}.whatsapp{right:13px;bottom:13px}}

/* ===== Professional Workflow v5 ===== */
.top-actions{display:flex;align-items:center;gap:10px}.notification-center{position:relative}.notification-bell{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid #dedfe3;border-radius:12px;background:#fff;font-size:16px;box-shadow:0 6px 18px rgba(0,0,0,.04)}.notification-bell:hover{border-color:var(--red);background:var(--red-soft)}.notification-badge{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid #f4f5f7;border-radius:999px;background:var(--red);color:#fff;font-size:8px;font-weight:900}.notification-popover{position:absolute;right:0;top:52px;width:360px;max-width:calc(100vw - 34px);padding:0;border:1px solid #dedfe3;border-radius:14px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.16);visibility:hidden;opacity:0;transform:translateY(-7px);transition:.18s;z-index:2500;overflow:hidden}.notification-popover.open{visibility:visible;opacity:1;transform:none}.notification-popover-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}.notification-popover-head b{font-size:11px}.notification-popover-head a{color:var(--red);font-size:9px;font-weight:900}.notification-mini-list{max-height:390px;overflow:auto}.notification-mini-item{display:grid;gap:4px;padding:13px 16px;border-bottom:1px solid #f0f0f1;background:#fff}.notification-mini-item:hover{background:#fff9f9}.notification-mini-item.unread{background:#fff4f4}.notification-mini-item b{font-size:10px;color:#15171b}.notification-mini-item span{font-size:9px;color:#686d76}.notification-mini-item time{font-size:7px;color:#9a9ea5}.notification-empty{padding:20px;color:#8b8f96;font-size:9px;text-align:center}

.stat-card{position:relative;overflow:hidden;padding:22px 20px}.stat-card:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-35px;top:-35px;background:rgba(239,31,47,.05)}.stat-card strong{font-size:28px}.stat-card.blue strong{color:#202328}.stat-card.amber strong{color:#ad5c05}.stat-sub{display:block;margin-top:7px;color:#8a8e96;font-size:8px;line-height:1.45}.trust-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:17px 20px;border:1px solid #f1cdd0;border-left:4px solid var(--red);border-radius:11px;background:linear-gradient(100deg,#fff7f7,#fff);box-shadow:0 8px 24px rgba(0,0,0,.035)}.trust-banner b{display:block;color:#181a1e;font-size:12px}.trust-banner span{display:block;margin-top:3px;color:#737780;font-size:9px}.panel-sub{margin:4px 0 0;color:#7a7e86;font-size:9px;font-weight:400}.panel-help{margin:0;color:#666b74;font-size:10px}.inline-search{display:flex;gap:8px}.inline-search input{flex:1;min-height:42px;border:1px solid #ddd;border-radius:8px;padding:0 12px;outline:none}.inline-search input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,31,47,.08)}

.order-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:22px 24px;border-radius:15px;background:linear-gradient(120deg,#101114,#1d1e21 65%,#4d0b11);color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.12)}.order-hero h2{margin:6px 0 3px;font-size:24px}.order-hero p{margin:0;color:#b8bac0;font-size:9px}.eyebrow-dark{color:#ff6571;font-size:8px;font-weight:900;letter-spacing:1.4px}.order-hero .status{border:1px solid rgba(255,255,255,.14)}.detail-list.compact .detail-row{grid-template-columns:110px 1fr}.accent-link{color:var(--red);font-weight:900}.success-link{color:#108652;font-weight:900}.success-box,.waiting-box{display:grid;gap:5px;padding:15px 16px;border-radius:10px}.success-box{border:1px solid #c8ead7;background:#effaf4;color:#0c7045}.waiting-box{border:1px solid #ead9b8;background:#fff9ee;color:#80581c}.success-box b,.waiting-box b{font-size:11px}.success-box span,.waiting-box span{font-size:9px;line-height:1.5}.empty-state-small{padding:18px;border:1px dashed #ddd;border-radius:9px;color:#8b8f96;font-size:9px;text-align:center}.invoice-mini{display:grid;gap:7px;margin-top:14px;padding:13px;border:1px solid #eee;border-radius:10px;background:#fafafa}.invoice-mini b{font-size:11px}.invoice-mini span{font-size:9px;color:#777}.invoice-mini div{display:flex;gap:6px}.invoice-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.invoice-summary>div{padding:14px;border:1px solid #ececef;border-radius:10px;background:#fafafa}.invoice-summary small{display:block;color:#878b92;font-size:8px;font-weight:900}.invoice-summary b{display:block;margin-top:5px;color:#17191c;font-size:12px}.payment-method-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-method-option{padding:14px;border:1px solid #e4e5e8;border-radius:10px;background:#fafafa}.payment-method-option b{color:#16181c;font-size:11px}.payment-method-option p{margin:6px 0 0;color:#686d75;font-size:9px;white-space:pre-wrap}

.chat-panel{overflow:visible}.live-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eef9f3;color:#08794a;font-size:8px;font-weight:900}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#17a460;box-shadow:0 0 0 4px rgba(23,164,96,.12);animation:pulse-live 1.8s infinite}@keyframes pulse-live{50%{box-shadow:0 0 0 7px rgba(23,164,96,0)}}.chat-messages{height:390px;overflow-y:auto;padding:18px;background:linear-gradient(#f8f8f9,#fff);scroll-behavior:smooth}.chat-empty{margin:80px auto;max-width:330px;color:#92969d;font-size:9px;text-align:center}.chat-message{display:flex;margin-bottom:12px}.chat-message.mine{justify-content:flex-end}.chat-message.theirs{justify-content:flex-start}.chat-bubble{max-width:min(74%,620px);padding:11px 13px;border-radius:13px;border:1px solid #e2e3e6;background:#fff;box-shadow:0 4px 13px rgba(0,0,0,.035)}.chat-message.mine .chat-bubble{border-color:#f3c6ca;background:#fff2f3}.chat-bubble b{display:block;color:#25272c;font-size:8px}.chat-bubble p{margin:5px 0 6px;color:#454951;font-size:10px;white-space:pre-wrap;word-break:break-word}.chat-bubble time{display:block;color:#969aa1;font-size:7px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid #e9eaec;background:#fff}.chat-compose textarea{min-height:72px;max-height:160px;padding:11px;border:1px solid #dfe1e4;border-radius:9px;resize:vertical;outline:none;font-size:10px}.chat-compose textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,31,47,.08)}.chat-compose .btn{align-self:end}

.timeline{position:relative;display:grid;gap:0}.timeline-item{position:relative;padding:0 0 19px 23px;border-left:1px solid #e3e4e7}.timeline-item:last-child{border-left-color:transparent}.timeline-item>i{position:absolute;left:-5px;top:1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 1px #e0a8ad}.timeline-item b{display:block;font-size:9px}.timeline-item span{display:block;margin-top:2px;color:#93969c;font-size:7px}.timeline-item p{margin:4px 0 0;color:#666b73;font-size:8px;line-height:1.45}

.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.payment-settings{display:grid;gap:10px}.payment-setting-card{display:grid;gap:8px;padding:13px;border:1px solid #e4e5e8;border-radius:10px;background:#fafafa}.payment-setting-title{display:flex;align-items:center;gap:6px;font-size:10px}.payment-setting-title input{accent-color:var(--red)}.payment-setting-card textarea{width:100%;min-height:66px;padding:9px;border:1px solid #dadce0;border-radius:8px;background:#fff;resize:vertical;font-size:9px;outline:none}.payment-setting-card textarea:focus{border-color:var(--red)}.sticky-save{position:sticky;bottom:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:0;padding:14px 16px;border:1px solid #282a2e;border-radius:12px;background:#111318;color:#fff;box-shadow:0 14px 45px rgba(0,0,0,.18)}.sticky-save b{display:block;font-size:10px}.sticky-save span{display:block;margin-top:2px;color:#aeb1b7;font-size:8px}

.notification-page-list{display:grid}.notification-page-item{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:16px 18px;border-bottom:1px solid #ececef;background:#fff}.notification-page-item:hover{background:#fff9f9}.notification-page-item b{display:block;font-size:10px}.notification-page-item p{margin:4px 0;color:#666b73;font-size:9px}.notification-page-item time{color:#999da4;font-size:7px}.notification-type-dot{width:10px;height:10px;margin-top:3px;border-radius:50%;background:#777}.notification-type-dot.message{background:#111}.notification-type-dot.invoice,.notification-type-dot.live,.notification-type-dot.order{background:var(--red)}.notification-type-dot.success{background:var(--green)}.notification-type-dot.payment{background:#d18113}.empty-state{padding:35px;color:#8d9198;font-size:10px;text-align:center}

@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}.payment-method-list{grid-template-columns:1fr}.invoice-summary{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.order-hero{align-items:flex-start;flex-direction:column}.notification-popover{right:-70px}.chat-messages{height:340px}.chat-bubble{max-width:88%}.sticky-save{align-items:flex-start;flex-direction:column}.sticky-save .btn{width:100%}}
@media(max-width:560px){.top-actions{width:100%;justify-content:space-between}.notification-popover{position:fixed;left:12px;right:12px;top:72px;width:auto}.trust-banner{align-items:flex-start;flex-direction:column}.invoice-summary{grid-template-columns:1fr}.chat-compose{grid-template-columns:1fr}.chat-compose .btn{width:100%}.order-hero h2{font-size:19px}}

/* v5.0.7 Professional publisher inventory table */
.marketplace-table-card{border-radius:0;border-color:#d9dde3;box-shadow:none}
.marketplace-sites-table{min-width:1500px}
.marketplace-sites-table thead{background:var(--red);color:#fff}
.marketplace-sites-table th{padding:14px 12px;border-right:1px solid rgba(255,255,255,.24);font-size:9px;font-weight:900;letter-spacing:0;text-transform:none}
.marketplace-sites-table td{height:68px;padding:12px;border-top:1px solid #dfe2e7;border-right:1px solid #e4e6ea;font-size:10px}
.marketplace-sites-table th:last-child,.marketplace-sites-table td:last-child{border-right:0}
.marketplace-sites-table tbody tr:hover{background:#fffafa}
.marketplace-empty{padding:45px!important;text-align:center;color:#777}
.site-rank{color:#626872;font-size:10px;font-weight:900}
.site-cell-pro{display:flex;align-items:center;gap:10px;min-width:245px}
.site-avatar-pro{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#111,var(--red));font-size:10px;font-weight:950;box-shadow:0 4px 10px rgba(239,31,47,.15)}
.domain-cell-pro{color:var(--red);font-size:10px;font-weight:950;white-space:nowrap}
.country-flag-pro{width:42px;height:34px;display:inline-grid;place-items:center;border:1px solid #e0e3e7;border-radius:9px;background:#fafafa;font-size:20px;line-height:1}
.marketplace-sites-table .metric{padding:6px 9px;background:#f0f2f5;color:#343943;font-size:8px;font-weight:950}
.traffic-pro{color:#111;font-size:10px;font-weight:950}
.niche-chip-pro{max-width:210px;padding:6px 10px;background:#f1edff;color:#6335ba;font-size:8px;font-weight:950}
.price-pro{font-size:10px;font-weight:950}
.backlink-chip-pro{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eaf6ff;color:#075d95;font-size:8px;font-weight:950;white-space:nowrap}
.tat-chip-pro{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e7f8f0;color:#087747;font-size:8px;font-weight:950;white-space:nowrap}
.order-btn-pro{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:7px;background:#050505;color:#fff!important;font-size:8px;font-weight:950;white-space:nowrap;box-shadow:0 4px 11px rgba(0,0,0,.1);transition:.2s ease}
.order-btn-pro:hover{background:var(--red);transform:translateY(-1px)}
@media(max-width:650px){.marketplace-sites-table{min-width:1220px}.site-cell-pro{min-width:200px}}