:root{--ink:#161616;--muted:#747474;--line:#e9e7e3;--soft:#f7f6f3;--white:#fff;--orange:#ff6b18;--amber:#ffad28;--green:#148a57;--red:#d94b3d;--sidebar:240px;--radius:16px;--shadow:0 12px 32px rgba(28,24,20,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3f0;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#111;color:#fff;padding:24px 14px 18px;display:flex;flex-direction:column;z-index:20}.brand{height:54px;display:flex;align-items:center;gap:12px;padding:0 10px;margin-bottom:24px}.brand>span:last-child{display:grid;line-height:1}.brand strong{font:800 23px/1 "Manrope"}.brand small{font-size:9px;letter-spacing:4px;color:#9a9a9a;margin-top:6px}.brand-mark{width:33px;height:33px;position:relative;display:inline-block}.brand-mark i{position:absolute;bottom:3px;left:4px;width:25px;height:7px;border-radius:7px 1px 7px 1px;background:linear-gradient(90deg,var(--amber),var(--orange));transform-origin:left center}.brand-mark i:nth-child(1){transform:rotate(-3deg)}.brand-mark i:nth-child(2){transform:rotate(-28deg)}.brand-mark i:nth-child(3){transform:rotate(-52deg)}.brand-mark i:nth-child(4){transform:rotate(-76deg)}nav{display:flex;flex-direction:column;gap:4px}.nav-label{color:#666;font-size:10px;font-weight:700;letter-spacing:1.6px;margin:22px 12px 7px}.nav-item{border:0;background:transparent;color:#9c9c9c;border-radius:10px;padding:11px 12px;text-align:left;font:500 13px "DM Sans";display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s}.nav-item span{font-size:19px;width:21px;text-align:center}.nav-item b{margin-left:auto;background:#292929;color:#aaa;padding:2px 7px;border-radius:10px;font-size:10px}.nav-item:hover,.nav-item.active{color:#fff;background:#252525}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.nav-item.active b{background:var(--orange);color:#fff}.sidebar-card{margin-top:auto;border:1px solid #2c2c2c;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.sidebar-card strong,.user-card strong{display:block;font-size:11px}.sidebar-card small,.user-card small{display:block;color:#777;font-size:9px;margin-top:3px}.pulse{width:8px;height:8px;background:#31c47b;border-radius:50%;box-shadow:0 0 0 4px rgba(49,196,123,.12)}.user-card{display:flex;align-items:center;gap:9px;padding:17px 6px 0;margin-top:12px;border-top:1px solid #292929}.user-card button{margin-left:auto;color:#777;background:none;border:0}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f0a929;color:#2a1b00;font-size:10px;font-weight:800}main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:15}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px}.breadcrumb span,.breadcrumb b{color:#aaa}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.search{height:38px;background:var(--soft);border:1px solid transparent;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#888}.search:focus-within{border-color:#ccc;background:#fff}.search input{border:0;outline:0;background:transparent;width:190px;font:12px "DM Sans"}.search.wide input{width:270px}.icon-btn,.mobile-menu{border:1px solid var(--line);background:#fff;border-radius:9px;height:38px;width:38px;position:relative}.icon-btn span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--orange);right:7px;top:7px}.primary-btn,.outline-btn,.text-btn{border:0;border-radius:9px;font:600 12px "DM Sans";cursor:pointer}.primary-btn{height:39px;padding:0 16px;background:var(--ink);color:white}.primary-btn:hover{background:#2d2d2d}.primary-btn span{color:var(--amber);font-size:16px}.outline-btn{height:39px;padding:0 15px;background:#fff;border:1px solid var(--line);color:#444}.text-btn{background:transparent;color:#555;padding:7px}.mobile-menu{display:none;font-size:18px}.view{display:none;padding:34px 36px 60px;max-width:1600px;margin:auto}.view.active{display:block}.hero-row,.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.hero-row h1,.page-head h1{font:800 28px/1.2 "Manrope";margin:4px 0 7px;letter-spacing:-.7px}.hero-row>div>p:last-child,.page-head>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:9px!important;font-weight:800;letter-spacing:1.4px;color:#9b9b9b!important;margin:0}.period-control{background:#fff;border:1px solid var(--line);border-radius:9px;height:39px;display:flex;align-items:center}.period-control button{background:none;border:0;padding:0 12px;color:#999}.period-control span{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 16px;font-weight:600;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.metrics.compact{margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;min-height:116px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--soft);right:-28px;top:-28px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8a8a8a;font-size:10px;font-weight:700;letter-spacing:.5px}.metric-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#fff4eb;color:var(--orange);font-size:15px}.metric-value{font:800 25px "Manrope";margin:14px 0 6px}.metric-foot{font-size:10px;color:#999}.metric-foot strong{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 1px 0 rgba(0,0,0,.01)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel h2{font:700 16px "Manrope";margin:4px 0 0}.legend{display:flex;gap:13px;font-size:9px;color:#888}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.orange{background:var(--orange)}.gray{background:#d9d9d9}.chart-wrap{height:195px;display:flex;gap:13px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#aaa;font-size:8px;padding-bottom:23px}.bar-chart{flex:1;display:flex;align-items:flex-end;gap:20px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 42px,#f1f1f1 43px);padding:0 8px}.bar-group{height:100%;flex:1;display:flex;gap:4px;align-items:flex-end;position:relative}.bar{width:50%;min-height:4px;border-radius:5px 5px 0 0}.bar.real{background:linear-gradient(var(--amber),var(--orange))}.bar.target{background:#e5e4e1}.bar-group label{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:8px;color:#888}.focus-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0efed}.focus-item:last-child{border:0}.focus-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#fff1e7;color:var(--orange)}.focus-item strong{font-size:11px;display:block}.focus-item small{font-size:9px;color:#999}.danger-text{color:var(--red)!important;font-weight:700}.funnel-row{display:grid;grid-template-columns:92px 1fr 75px;gap:10px;align-items:center;margin:12px 0;font-size:10px}.funnel-row>span:last-child{text-align:right;font-weight:700}.progress{height:7px;background:#f0efec;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--orange));border-radius:5px}.seller-row{display:grid;grid-template-columns:31px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f1f0ed}.seller-row:last-child{border:0}.seller-row .avatar{width:29px;height:29px}.seller-row strong{font-size:11px;display:block}.seller-row small{font-size:9px;color:#999}.seller-row>strong{font:700 11px "Manrope"}.tag{padding:4px 8px;border-radius:20px;background:#f1f0ed;color:#777;font-size:9px;white-space:nowrap}.tag.success{background:#e9f7f0;color:var(--green)}.tag.warning{background:#fff1dc;color:#a46500}.tag.danger{background:#ffe9e7;color:var(--red)}.filter-row,.table-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tabs{display:flex;background:#e9e8e5;padding:3px;border-radius:9px}.tabs button{border:0;background:transparent;padding:8px 13px;border-radius:7px;color:#777;font:600 10px "DM Sans"}.tabs button.active{background:#fff;color:#222;box-shadow:0 2px 7px rgba(0,0,0,.06)}.select-wrap{font-size:9px;color:#888;display:flex;align-items:center;gap:7px}.select-wrap select{height:35px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 28px 0 10px;font:600 10px "DM Sans"}.kanban{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:15px}.kanban-col{background:#ebeae7;border-radius:14px;padding:11px;min-height:570px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 12px}.kanban-head strong{font-size:10px}.kanban-head span{font-size:9px;color:#888}.deal-card{background:#fff;border:1px solid #e3e2df;border-radius:12px;padding:14px;margin-bottom:9px;box-shadow:0 3px 9px rgba(0,0,0,.025);cursor:pointer;transition:.15s}.deal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.deal-company{display:flex;justify-content:space-between;font-size:9px;color:#999}.deal-card h3{font:700 12px "Manrope";margin:9px 0 5px}.deal-card .value{font:800 15px "Manrope"}.deal-next{background:#faf9f7;border-radius:7px;padding:8px;margin-top:12px;font-size:9px;color:#666}.deal-next.overdue{background:#fff0ee;color:var(--red)}.deal-foot{display:flex;align-items:center;margin-top:12px}.deal-foot .avatar{width:24px;height:24px;font-size:8px}.deal-foot small{margin-left:auto;color:#999}.table-panel{padding:0;overflow:hidden}.table-tools{padding:15px 17px;margin:0;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{text-align:left;font-size:8px;letter-spacing:.8px;color:#999;background:#faf9f7;padding:12px 16px}td{border-top:1px solid #efeeeb;padding:13px 16px;font-size:10px}td strong{font-size:11px;display:block}td small{color:#999}.client-cell{display:flex;align-items:center;gap:10px}.company-logo{width:31px;height:31px;border-radius:8px;background:#f0efec;display:grid;place-items:center;font-weight:800;color:#555}.seller-cell{display:flex;align-items:center;gap:7px}.mini-actions{border:0;background:transparent;color:#999;font-size:17px;cursor:pointer}.commission-input{width:62px;border:1px solid var(--line);border-radius:7px;padding:7px;text-align:center;font:700 10px "DM Sans"}.task-layout{display:grid;grid-template-columns:190px 1fr;gap:14px}.task-filters{display:flex;flex-direction:column;gap:5px}.task-filters button{border:0;background:transparent;border-radius:9px;padding:11px 12px;text-align:left;font:600 11px "DM Sans";color:#777}.task-filters button b{float:right}.task-filters button.active{background:#fff;color:#222;box-shadow:0 1px 6px rgba(0,0,0,.05)}.task-panel{padding-bottom:6px}.task-row{display:grid;grid-template-columns:28px 1fr 140px 90px;gap:10px;align-items:center;padding:13px 4px;border-top:1px solid #efeeeb}.task-check{appearance:none;width:18px;height:18px;border:1.5px solid #ccc;border-radius:5px;cursor:pointer;display:grid;place-items:center}.task-check:checked{background:var(--green);border-color:var(--green)}.task-check:checked:after{content:"✓";color:#fff;font-size:11px}.task-row.done .task-title{text-decoration:line-through;color:#aaa}.task-title strong{display:block;font-size:11px}.task-title small,.task-owner small{font-size:9px;color:#999}.task-owner{display:flex;gap:7px;align-items:center}.task-owner .avatar{width:25px;height:25px;font-size:8px}.commission-hero{background:linear-gradient(115deg,#181818,#2b241f);color:#fff;border-radius:18px;padding:25px 28px;margin-bottom:16px;display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;position:relative;overflow:hidden}.commission-hero:after{content:"";position:absolute;width:300px;height:300px;border:60px solid rgba(255,120,20,.12);border-radius:50%;right:-150px;top:-160px}.commission-hero p{font-size:9px;letter-spacing:1.2px;color:#999}.commission-hero h2{font:800 31px "Manrope";margin:6px 0}.commission-hero span{color:#888;font-size:9px}.commission-stat{border-left:1px solid #3b3937;padding-left:26px;z-index:1}.commission-stat span,.commission-stat strong{display:block}.commission-stat strong{font:700 17px "Manrope";margin-top:7px}.commission-detail{margin-top:16px}.formula{font-size:9px;background:#f4f3f0;padding:6px 9px;border-radius:7px;color:#777}.project-row{display:grid;grid-template-columns:1.6fr .8fr .7fr .8fr .8fr;gap:10px;align-items:center;padding:12px 4px;border-top:1px solid #efeeeb;font-size:10px}.project-row strong{font-size:11px}.project-row small{color:#999}.ticket-board{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ticket-column{background:#ebeae7;border-radius:14px;padding:13px;min-height:420px}.ticket-column>header{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 12px}.ticket-column>header strong{font-size:11px}.ticket-card{background:#fff;border-radius:11px;border:1px solid #e3e2df;padding:14px;margin-bottom:10px}.ticket-id{font-size:8px;color:#999}.ticket-card h3{font:700 12px "Manrope";margin:7px 0}.ticket-card p{font-size:9px;color:#777;margin:0 0 11px}.ticket-foot{display:flex;justify-content:space-between;align-items:center}.priority{font-size:8px;font-weight:700}.priority.alta{color:var(--red)}.priority.media{color:#a66900}dialog{border:0;border-radius:18px;padding:0;width:min(550px,calc(100% - 28px));box-shadow:0 25px 80px rgba(0,0,0,.23)}dialog::backdrop{background:rgba(15,15,15,.55);backdrop-filter:blur(3px)}.modal-head{padding:22px 24px 17px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{font:700 20px "Manrope";margin:4px 0}.close-modal{border:0;background:#f3f2ef;border-radius:8px;width:32px;height:32px;font-size:20px}.modal-body{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:700;letter-spacing:.5px;color:#777}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;font:11px "DM Sans";outline:none;background:#fff}.field textarea{resize:vertical;min-height:75px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,24,.08)}.modal-actions{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;right:24px;bottom:24px;background:#161616;color:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}.toast>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--green)}.toast strong,.toast small{display:block}.toast strong{font-size:11px}.toast small{font-size:9px;color:#999;margin-top:2px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(5,240px)}.commission-hero{grid-template-columns:1fr 1fr}.commission-hero>div:first-child{grid-column:1/-1;margin-bottom:20px}.ticket-board{grid-template-columns:1fr}.task-row{grid-template-columns:28px 1fr 120px}.task-row>.tag{display:none}}
@media(max-width:760px){:root{--sidebar:255px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 50px rgba(0,0,0,.2)}main{margin-left:0}.mobile-menu{display:block;margin-right:12px}.topbar{padding:0 16px}.breadcrumb span,.breadcrumb b,.search{display:none}.view{padding:24px 16px 50px}.hero-row,.page-head{align-items:flex-start;gap:18px}.hero-row{flex-direction:column}.page-head>button{white-space:nowrap}.metrics{grid-template-columns:1fr 1fr}.metric-card{padding:15px;min-height:105px}.metric-value{font-size:20px}.task-layout{grid-template-columns:1fr}.task-filters{flex-direction:row;overflow:auto}.task-filters button{white-space:nowrap}.task-row{grid-template-columns:25px 1fr}.task-owner{display:none}.commission-hero{grid-template-columns:1fr}.commission-hero>div:first-child{grid-column:auto}.commission-stat{border-left:0;border-top:1px solid #3b3937;padding:14px 0 0;margin-top:10px}.project-row{grid-template-columns:1.5fr 1fr .8fr}.project-row>*:nth-child(3),.project-row>*:nth-child(4){display:none}.modal-body{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:460px){.metrics{grid-template-columns:1fr}.top-actions .icon-btn{display:none}.page-head{flex-direction:column}.page-head>button{width:100%}.revenue-panel{overflow:hidden}.legend{display:none}.commission-hero h2{font-size:26px}}
.brand{gap:9px}.brand-logo{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(255,107,24,.2))}
.login-brand.product-one-brand{padding:9px 14px;background:#fff;border-radius:14px;box-shadow:0 12px 38px rgba(0,0,0,.22)}.login-brand.product-one-brand img{width:190px;height:auto;max-height:64px;object-fit:contain;object-position:left center}.group-signature{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:#999;font-size:9px}.group-signature img{width:27px;height:27px;object-fit:contain}.group-signature strong{color:#333;font-weight:800}
.is-locked{display:none}.login-screen{min-height:100vh;background:#111;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.login-screen:before{width:560px;height:560px;background:radial-gradient(circle,rgba(255,107,24,.22),transparent 67%);right:-120px;top:-180px}.login-screen:after{width:420px;height:420px;background:radial-gradient(circle,rgba(255,173,40,.12),transparent 67%);left:-130px;bottom:-180px}.login-brand{position:absolute;top:34px;left:42px;color:#fff;display:flex;align-items:center;gap:10px}.login-brand img{width:42px;height:42px;object-fit:contain}.login-brand>span{display:grid}.login-brand strong{font:800 24px "Manrope"}.login-brand small{font-size:8px;letter-spacing:4px;color:#888}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px 38px;z-index:1;box-shadow:0 30px 100px rgba(0,0,0,.3)}.login-card h1{font:800 25px "Manrope";margin:7px 0}.login-card>p:nth-of-type(2){color:#777;font-size:11px;margin:0 0 23px}.login-card label{display:flex;flex-direction:column;gap:7px;font-size:9px;font-weight:700;color:#666;letter-spacing:.4px;margin-top:14px}.login-card input{height:43px;border:1px solid var(--line);border-radius:9px;padding:0 12px;font:12px "DM Sans";outline:none}.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,24,.08)}.login-card>.primary-btn{width:100%;height:45px;margin-top:12px}.login-error{height:16px;color:var(--red);font-size:10px!important;margin:8px 0 0!important}.demo-access{margin-top:19px;background:#f6f5f2;border-radius:10px;padding:12px;display:grid;gap:3px;font-size:9px;color:#777}.demo-access strong{color:#333;margin-bottom:3px}.login-footer{position:absolute;bottom:25px;color:#666;font-size:9px}.permission-panel{margin-bottom:16px}.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.permission-grid>div{border:1px solid var(--line);background:#faf9f7;border-radius:11px;padding:14px}.permission-grid strong,.permission-grid span{display:block}.permission-grid strong{font:700 11px "Manrope"}.permission-grid span{font-size:9px;color:#888;margin-top:5px;line-height:1.4}.role-badge{font-size:9px;padding:5px 8px;border-radius:20px;background:#eee}.role-master{background:#fff0e7;color:#b34e0c}.role-partner{background:#eee9ff;color:#6243a8}.role-sales{background:#e9f3ff;color:#3273b8}.role-support{background:#e7f7ef;color:#177c51}.disabled-row{opacity:.55}
@media(max-width:760px){.login-brand{top:22px;left:24px}.login-card{padding:28px 24px}.permission-grid{grid-template-columns:1fr 1fr}}
[hidden]{display:none!important}
.helpdesk-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin-bottom:13px}.helpdesk-toolbar strong,.helpdesk-toolbar span{display:block}.helpdesk-toolbar strong{font-size:11px}.helpdesk-toolbar span{font-size:9px;color:#888;margin-top:3px}.ticket-board{grid-template-columns:repeat(7,minmax(235px,1fr));overflow-x:auto}.ticket-card{cursor:pointer;transition:.15s}.ticket-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.ticket-sla{display:flex;justify-content:space-between;align-items:center;background:#faf9f7;border-radius:7px;padding:7px 8px;margin:9px 0;font-size:8px}.ticket-sla.danger{background:#ffebe8;color:var(--red)}.client-welcome{background:linear-gradient(115deg,#191919,#342419);border-radius:20px;color:#fff;padding:28px 30px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.client-welcome:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(255,112,24,.16);border-radius:50%;right:-100px;top:-150px}.client-welcome h1{font:800 27px "Manrope";margin:6px 0}.client-welcome p:last-child{color:#999;font-size:11px}.client-welcome button{z-index:1;background:var(--orange)}.portal-grid{display:grid;grid-template-columns:1fr 270px;gap:14px}.sla-card{align-self:start;background:#fffaf5}.sla-card>strong{display:block;font:800 32px "Manrope";color:var(--orange);margin-top:20px}.sla-card>span{font-size:10px;color:#888}.sla-card hr{border:0;border-top:1px solid var(--line);margin:19px 0}.sla-card small{color:#777;font-size:9px;line-height:1.6}.portal-ticket{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 2px;border-top:1px solid var(--line);cursor:pointer}.portal-ticket strong{display:block;font-size:12px}.portal-ticket small{display:block;color:#888;font-size:9px;margin-top:4px}.portal-ticket-meta{text-align:right}.history-list{background:#faf9f7;border-radius:10px;padding:4px 12px}.history-item{border-left:2px solid #ddd;padding:9px 0 9px 12px;font-size:9px}.history-item strong,.history-item small{display:block}.history-item small{color:#999;margin-top:3px}.credential-dialog{padding:0;border:0;border-radius:18px;width:min(480px,calc(100% - 28px))}.credential-body{padding:22px 24px}.credential-body>p{font-size:10px;color:#777;line-height:1.5}.credential-body code{display:block;background:#171717;color:#ffb13b;font:700 20px "Manrope";letter-spacing:2px;text-align:center;border-radius:10px;padding:15px;margin:15px 0}.credential-body>.outline-btn{width:100%}.password-expired{color:var(--red);font-weight:700}.mini-action-group{display:flex;gap:4px}.mini-action-group .mini-actions{font-size:13px;width:27px;height:27px;border-radius:6px;background:#f4f3f0}.status-select{border:1px solid var(--line);border-radius:8px;padding:9px;font:10px "DM Sans"}.sla-chip{font-size:8px;border-radius:12px;padding:4px 7px;background:#edf7f1;color:var(--green)}
@media(max-width:900px){.portal-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.client-welcome{align-items:flex-start;gap:20px;flex-direction:column}.helpdesk-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.portal-ticket{grid-template-columns:1fr}.portal-ticket-meta{text-align:left}}
.role-client{background:#fff1dc;color:#9b6308}
.switch-product{display:block;text-align:center;margin-top:14px;color:#81501b;font-size:10px;font-weight:700;text-decoration:none}.switch-product:hover{color:var(--orange)}
.page-actions{display:flex;gap:9px}.finance-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:14px;margin-bottom:16px}.finance-forecast{height:220px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end;padding:16px 8px 24px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 49px,#f2f1ee 50px)}.finance-month{height:100%;display:flex;justify-content:center;align-items:flex-end;gap:6px;position:relative}.finance-month i{display:block;width:28%;min-height:3px;border-radius:6px 6px 0 0}.finance-month .in{background:linear-gradient(var(--amber),var(--orange))}.finance-month .out{background:#d6d4d0}.finance-month label{position:absolute;bottom:-19px;font-size:8px;color:#888;text-transform:capitalize}.finance-account-row{padding:13px 0;border-top:1px solid var(--line);display:grid;gap:4px}.finance-account-row:first-child{border-top:0}.finance-account-row span{font-size:9px;color:#888}.finance-account-row strong{font:700 16px "Manrope"}.finance-table-panel{margin-top:0}.finance-type{font-size:9px;font-weight:700}.finance-type.receivable{color:var(--green)}.finance-type.payable{color:var(--red)}
.install-app-btn{border-color:#ffc08f;color:#8a410c;background:#fff7f0;white-space:nowrap}.install-app-btn:hover{background:#ffede0}.install-app-btn:disabled{opacity:.6;cursor:default}
.sidebar .brand{flex:none}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;scrollbar-color:#333 transparent}.sidebar-card{margin-top:10px;flex:none}.user-card{flex:none}.metric-card.metric-link{width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer}.metric-card.metric-link:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(28,24,20,.09);border-color:#ffd3b6}.metric-card.metric-link:focus-visible{outline:3px solid rgba(255,107,24,.25);outline-offset:2px}.delete-zone{margin-top:8px;padding:13px;border:1px solid #f1c7c2;border-radius:10px;background:#fff7f6;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.delete-zone strong{font-size:11px;color:#a43127}.delete-zone p{font-size:9px;color:#9a6c68;margin:4px 0 0}.danger-btn{height:36px;padding:0 14px;border:0;border-radius:8px;background:#c94235;color:#fff;font:700 10px "DM Sans";cursor:pointer}.danger-btn:hover{background:#aa3026}
.ticket-column{transition:.18s}.ticket-column.drag-over{background:#fff0e5;box-shadow:inset 0 0 0 2px var(--orange)}.ticket-card.dragging{opacity:.45;transform:rotate(1deg)}.ticket-card.terminal{cursor:pointer}.ticket-advance{width:100%;height:31px;margin-top:10px;border:1px solid #ffd1b3;border-radius:7px;background:#fff7f1;color:#a74a0c;font:700 9px "DM Sans";cursor:pointer}.ticket-advance:hover{background:#ffe9da}.internal-section{margin-top:5px;border-top:1px solid var(--line);padding-top:14px}.internal-title{display:flex;align-items:center;justify-content:space-between}.internal-title strong{font-size:10px;color:#444}.internal-title p{font-size:9px;color:#888;margin:3px 0 0}.internal-title span{font-size:8px;padding:4px 7px;border-radius:12px;background:#2b2b2b;color:#fff}.internal-checks{justify-content:flex-end}.internal-checks label{display:flex;align-items:center;gap:7px;padding:5px 0;letter-spacing:0}.internal-checks input{width:auto;height:auto;accent-color:var(--orange)}#app-modal .modal-body{max-height:66vh;overflow-y:auto}
@media(max-width:900px){.finance-grid{grid-template-columns:1fr}.finance-forecast{gap:7px}.page-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .install-app-btn{font-size:0;width:39px;padding:0}.top-actions .install-app-btn:after{content:'↓';font-size:17px}}