:root{--warm:#f6f2ea;--paper:#fffdfa;--ink:#18252a;--muted:#78827f;--navy:#152734;--teal:#0f766e;--teal-dark:#0b5f59;--brass:#b7833e;--line:#e7e2d8;--soft:#efebe4;--danger:#9b4d4d;--radius:18px;--shadow:0 14px 40px #1c2b300f;--z-header:30;--z-mobile-nav:60;--z-overlay:80;--z-dialog:90;--z-toast:100}*{box-sizing:border-box}html,body{background:var(--warm);min-height:100%;color:var(--ink);margin:0}body{font-family:IBM Plex Sans Arabic,Segoe UI,Arial,sans-serif}h1,h2,h3,.metric,.kpi strong,.kpi-feature strong{font-family:Alexandria,IBM Plex Sans Arabic,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}p{line-height:1.75}.app{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}[dir=ltr].app{grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--navy);color:#eaf0ee;z-index:10;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:12px;padding:6px 8px 28px;display:flex}.brand strong{font-family:Alexandria,sans-serif;display:block}.brand small{color:#9fb0b2;margin-top:4px;font-size:11px;display:block}.logo-placeholder{color:#a9bbbc;border:1.5px dashed #8ca0a2;border-radius:10px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.nav{gap:4px;padding-top:22px;display:grid}.nav a,.logout{color:#c8d3d2;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;display:flex}.nav a:hover,.nav a.active{color:#fff;background:#0f766e30}.nav a.active{box-shadow:inset 3px 0 0 var(--brass)}[dir=rtl] .nav a.active{box-shadow:inset -3px 0 0 var(--brass)}.logout{border-top:1px solid #ffffff17;border-radius:0;margin-top:auto;padding-top:20px}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:9;background:#fffdfae0;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.top-search{color:#9aa19d;align-items:center;gap:8px;font-size:13px;display:flex}.top-actions{align-items:center;gap:10px;display:flex}.language-switch,.icon-btn{border:1px solid var(--line);background:var(--paper);border-radius:10px;height:38px;padding:0 12px}.icon-btn{place-items:center;width:40px;display:grid;position:relative}.icon-btn i{color:#fff;background:#b54b43;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.avatar,.mini-avatar{color:var(--teal);background:#e6efed;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{width:38px;height:38px}.page{max-width:1500px;margin:0 auto;padding:34px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.page-header h1,.lead-header h1,.project-hero h1{letter-spacing:-.5px;margin:0;font-size:30px}.page-header p{color:var(--muted);margin:7px 0 0;font-size:14px}.btn{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:inline-flex}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-dark)}.btn.secondary{background:var(--paper);border:1px solid var(--line)}.btn.brass{background:var(--brass);color:#fff}.btn.full{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--brass);margin:0 0 8px;font-size:11px;font-weight:700}.eyebrow.light{color:#d8b67e}.kpi-strip{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1.45fr repeat(5,1fr);margin-bottom:20px;display:grid;overflow:hidden}.kpi,.kpi-feature{border-inline-start:1px solid var(--line);min-height:126px;padding:20px}.kpi-feature{color:#fff;background:linear-gradient(135deg,#17333a,#214850);border-inline-start:0}.kpi-feature span,.kpi span{font-size:12px;display:block}.kpi-feature strong,.kpi strong{margin:10px 0;font-size:29px;display:block}.kpi-feature small{color:#b6ddd8;gap:5px;display:flex}.kpi svg{color:var(--teal)}.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.panel,.table-card,.settings-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:22px}.panel.wide{grid-column:span 2}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head a{color:var(--teal);font-size:12px;font-weight:700}.muted-chip{border:1px solid var(--line);color:var(--muted);background:#f0eee8;border-radius:999px;padding:6px 10px;font-size:11px}.journey{justify-content:space-between;align-items:flex-start;padding:15px 6px 4px;display:flex;position:relative}.journey:before{content:"";background:var(--brass);opacity:.7;height:2px;position:absolute;top:34px;left:6%;right:6%}.journey-step{text-align:center;z-index:1;min-width:80px;position:relative}.journey-node{border:2px solid var(--brass);background:var(--paper);width:38px;height:38px;color:var(--brass);border-radius:50%;place-items:center;margin:0 auto 9px;font-weight:700;display:grid}.journey-step b{font-size:12px;display:block}.journey-step strong{margin-top:5px;font-size:18px;display:block}.commission-card{background:var(--navy);color:#fff}.commission-card h2{margin:12px 0;font-size:31px}.commission-card h2 small{font-size:12px;font-weight:400}.commission-split{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.commission-split span{color:#becdca;background:#ffffff0f;border-radius:10px;padding:10px;font-size:11px}.commission-split b{color:#fff;margin-top:6px;font-size:14px;display:block}.compact-list{display:grid}.compact-row,.visit-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.compact-row:last-child,.visit-row:last-child{border-bottom:0}.mini-avatar{width:34px;height:34px;font-size:12px}.compact-row div:nth-child(2),.visit-row div{flex:1}.compact-row b,.visit-row b{font-size:13px;display:block}.compact-row small,.visit-row small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.status-pill{color:var(--teal);white-space:nowrap;background:#e7f2ef;border-radius:999px;padding:5px 9px;font-size:11px;display:inline-flex}.status-pill.green{color:#276f4c;background:#e7f3eb}.bars{gap:14px;display:grid}.bars>div>div{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.bars i,.big-progress i{background:#ece8df;border-radius:999px;height:7px;display:block;overflow:hidden}.bars em,.big-progress em{background:var(--teal);border-radius:inherit;height:100%;display:block}.filterbar{flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex}.filterbar .search{flex:1;min-width:270px}.filterbar button{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 13px}.input{background:#fff;border:1px solid #ddd8ce;border-radius:11px;outline:none;width:100%;padding:12px 13px}.input:focus{border-color:#77aaa5;box-shadow:0 0 0 3px #0f766e17}.projects-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.project-image{background:linear-gradient(#d8dedb,#b7c1bd);place-items:end center;height:190px;display:grid;position:relative;overflow:hidden}.building-art{filter:drop-shadow(0 14px 12px #19242838);align-items:flex-end;gap:3px;width:78%;height:78%;display:flex}.building-art span{background:linear-gradient(90deg,#394b4c,#6f807d 55%,#273b3e);border-radius:3px 3px 0 0;flex:1;position:relative}.building-art span:first-child{height:72%}.building-art span:nth-child(2){height:95%}.building-art span:nth-child(3){height:82%}.building-art span:nth-child(4){height:64%}.building-art span:after{content:"";opacity:.7;background:repeating-linear-gradient(0deg,#0000 0 13px,#d6b274 14px 18px),repeating-linear-gradient(90deg,#0000 0 14px,#fff3 15px 18px);position:absolute;inset:8% 15%}.project-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--teal);background:#fffdfae6;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.project-body{padding:18px}.project-body h3{margin:0 0 15px;font-size:18px}.project-meta{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.project-meta small{color:var(--muted);font-size:10px;display:block}.project-meta strong{margin-top:4px;font-size:13px;display:block}.progress{background:#ece8df;border-radius:99px;height:5px;margin:17px 0}.progress i{background:var(--brass);border-radius:inherit;height:100%;display:block}.text-link{color:var(--teal);font-size:12px;font-weight:700}.project-hero{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:34px;display:grid}.project-hero-copy>p:not(.eyebrow){color:var(--muted);max-width:650px}.hero-stats{flex-wrap:wrap;gap:12px;margin:23px 0;display:flex}.hero-stats span{background:#f4f1eb;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;min-width:140px;padding:10px 12px;display:grid}.hero-stats svg{width:16px;color:var(--teal);grid-row:span 2}.hero-stats b{font-size:12px}.hero-stats span{color:var(--muted);font-size:10px}.hero-actions{flex-wrap:wrap;gap:9px;display:flex}.hero-visual{background:linear-gradient(155deg,#d4ddd9,#a7b5b0);border-radius:17px;place-items:end center;height:330px;display:grid;overflow:hidden}.building-art.large{width:82%;height:88%}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:22px 0 18px;display:flex;overflow:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:11px 14px}.tabs button.active{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:700}.tabs.simple{margin-top:0}.project-detail-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.body-copy{color:var(--muted)}.big-progress strong{margin:8px 0;font-size:38px;display:block}.big-progress small{color:var(--muted);margin-top:8px;display:block}.table-card{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:950px}.data-table th{color:var(--muted);background:#faf8f4;font-size:11px;font-weight:600}.data-table th,.data-table td{text-align:start;border-bottom:1px solid var(--line);padding:14px}.data-table td{font-size:12px}.data-table td:first-child b{display:block}.data-table td:first-child small{color:var(--muted);margin-top:3px;display:block}.form-layout{grid-template-columns:minmax(0,820px) 280px;align-items:start;gap:18px;display:grid}.form-panel{padding:26px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{gap:7px;font-size:12px;font-weight:600;display:grid}.form-grid label small{color:var(--muted);font-weight:400}.form-grid .span-2{grid-column:span 2}.form-actions{gap:9px;margin-top:24px;display:flex}.duplicate-box{border-radius:var(--radius);color:#275d58;background:#e9f1ef;border:1px solid #cfe0dc;padding:22px}.duplicate-box h3{margin:12px 0 6px}.duplicate-box p,.duplicate-box span{font-size:12px}.duplicate-box span{color:#587470;border-top:1px solid #c8d9d5;padding-top:12px;display:block}.lead-header{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.lead-meta{color:var(--muted);align-items:center;gap:8px;margin-top:9px;font-size:12px;display:flex}.lead-detail-grid{grid-template-columns:2fr .85fr;gap:18px;display:grid}.timeline{padding:3px 10px}.timeline-event{grid-template-columns:42px 1fr;gap:12px;padding:8px 0 25px;display:grid;position:relative}.timeline-event:not(:last-child):before{content:"";background:var(--brass);width:2px;position:absolute;top:42px;bottom:-2px;left:20px}[dir=rtl] .timeline-event:not(:last-child):before{left:auto;right:20px}.timeline-icon{width:40px;height:40px;color:var(--brass);background:#fbf5ea;border:1px solid #dbc293;border-radius:50%;place-items:center;display:grid}.timeline-event b{font-size:13px;display:block}.timeline-event small{color:var(--muted);margin-top:4px;display:block}.lead-side{gap:18px;display:grid}.lead-side dl{margin:0}.lead-side dl div{border-bottom:1px solid var(--line);padding:10px 0}.lead-side dt{color:var(--muted);font-size:10px}.lead-side dd{margin:4px 0 0;font-size:13px}.internal-note{background:#f4f1eb;gap:12px;display:flex}.internal-note p{color:var(--muted);margin:3px 0 0;font-size:11px}.settings-layout{grid-template-columns:250px 1fr;align-items:start;gap:18px;display:grid}.settings-nav{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:7px}.settings-nav a{border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:12px;font-size:12px;display:grid}.settings-nav a:hover{background:#f4f1eb}.settings-nav svg{color:var(--teal)}.settings-nav b{color:#aaa;font-size:17px}.settings-card{padding:25px}.settings-card-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.settings-card-head h2{margin:0;font-size:18px}.settings-card-head p{color:var(--muted);margin:5px 0 0;font-size:12px}.save{margin-top:24px}.upload-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.upload-box{border:1px dashed #cfc8bc;border-radius:15px;align-items:center;gap:12px;padding:20px;display:flex}.logo-placeholder.large{width:66px;height:66px}.favicon-placeholder{background:#f0ece5;border-radius:11px;place-items:center;width:48px;height:48px;display:grid}.upload-box b{font-size:12px}.upload-box small{color:var(--muted);font-size:10px}.upload-box .btn{margin-inline-start:auto}.color-grid{margin-top:22px}.color-input{align-items:center;gap:8px;display:flex}.color-input i{border:1px solid var(--line);border-radius:8px;width:34px;height:34px}.color-input .input{flex:1}.permission-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.perm-head,.perm-row{grid-template-columns:2fr repeat(4,1fr);align-items:center;min-height:52px;display:grid}.perm-head{background:#f4f1eb;padding:0 14px;font-size:11px}.perm-row{border-top:1px solid var(--line);padding:0 14px;font-size:12px}.switch{justify-content:center;align-items:center;display:inline-flex}.switch input{display:none}.switch i{background:#d4d6d3;border-radius:999px;width:34px;height:19px;transition:all .2s;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch input:checked+i{background:var(--teal)}.switch input:checked+i:after{left:17px}.status-builder{gap:8px;display:grid}.status-row{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:28px 18px 1fr 40px 34px 34px;align-items:center;gap:8px;padding:11px;display:grid}.status-row .grip{color:#b8b7b2;cursor:grab}.status-dot{border-radius:50%;width:10px;height:10px}.status-row b{font-size:12px;display:block}.status-row small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.status-row button{background:#f5f2ec;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.input-suffix{position:relative}.input-suffix span{top:50%;color:var(--muted);position:absolute;inset-inline-end:12px;transform:translateY(-50%)}.toggle-label{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex!important}.settings-note{color:var(--muted);background:#f4f1eb;border-radius:12px;margin-top:18px;padding:14px;font-size:12px}.login-page{background:var(--paper);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}[dir=rtl].login-page{grid-template-columns:1.05fr .95fr}.login-showcase{background:linear-gradient(155deg,#19323a,#10262d);padding:26px;position:relative;overflow:hidden}.login-overlay{color:#fff;background:radial-gradient(circle at 20% 20%,#0f766e59,#0000 35%);border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;justify-content:space-between;height:100%;padding:36px;display:flex;position:relative}.login-placeholder{color:#b6c3c0;border:1.5px dashed #9eb0ad;border-radius:13px;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.login-overlay h2{max-width:600px;margin:0 0 12px;font-size:38px;line-height:1.35}.login-overlay p{color:#b7c5c2;max-width:560px}.visual-lines{opacity:.7;align-items:flex-end;gap:8px;height:120px;display:flex}.visual-lines i{background:linear-gradient(var(--brass),transparent);border-radius:8px 8px 0 0;width:20%;display:block}.visual-lines i:first-child{height:42%}.visual-lines i:nth-child(2){height:78%}.visual-lines i:nth-child(3){height:58%}.login-panel{place-items:center;padding:50px;display:grid;position:relative}.login-toolbar{top:22px;position:absolute;inset-inline-end:25px}.auth-card{width:min(450px,100%)}.auth-card h1{margin:0;font-size:32px}.auth-card .sub{color:var(--muted);margin:7px 0 24px;font-size:13px}.form{gap:15px;display:grid}.form>label{gap:7px;font-size:12px;font-weight:600;display:grid}.form-row{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.check{align-items:center;gap:7px;display:flex!important}.divider{color:var(--muted);align-items:center;gap:12px;margin:25px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.account-types{grid-template-columns:1fr 1fr;gap:10px;display:grid}.account-types button{border:1px solid var(--line);background:var(--paper);text-align:start;border-radius:13px;gap:10px;padding:14px;display:flex}.account-types svg{color:var(--teal)}.account-types b{font-size:12px;display:block}.account-types small{color:var(--muted);margin-top:4px;font-size:9px;display:block}@media (max-width:1100px){.app{grid-template-columns:84px 1fr}.brand>div:nth-child(2),.nav span,.logout span{display:none}.brand{justify-content:center}.sidebar{padding:18px 12px}.nav a,.logout{justify-content:center}.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi-feature{grid-column:span 3}.dash-grid{grid-template-columns:1fr 1fr}.panel.wide{grid-column:span 2}.projects-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav a{min-width:170px}.project-hero,.form-layout,.lead-detail-grid{grid-template-columns:1fr}.duplicate-box{order:-1}}@media (max-width:720px){.app{display:block}.sidebar{z-index:20;width:100%;height:68px;padding:7px 8px;display:block;position:fixed;top:auto;bottom:0}.brand,.logout,.nav a:nth-child(n+6){display:none}.nav{grid-template-columns:repeat(5,1fr);padding:0;display:grid}.nav a{padding:8px;display:flex}.nav a svg{width:20px}.topbar{padding:0 16px}.top-search{display:none}.page{padding:20px 14px 90px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:25px}.kpi-strip{grid-template-columns:1fr 1fr;display:grid}.kpi-feature{grid-column:span 2}.kpi{min-height:100px}.dash-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.journey{gap:22px;overflow:auto}.projects-grid{grid-template-columns:1fr}.project-hero{padding:20px}.hero-visual{height:250px}.project-detail-grid{grid-template-columns:1fr}.lead-header{flex-direction:column;align-items:flex-start;gap:16px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.upload-grid{grid-template-columns:1fr}.permission-table{overflow:auto}.perm-head,.perm-row{min-width:700px}.login-page{display:block}.login-showcase{display:none}.login-panel{min-height:100vh;padding:28px 20px}.account-types{grid-template-columns:1fr}.settings-card{padding:18px}.top-actions{margin-inline-start:auto}}.requirement-builder{gap:16px;min-width:0;display:grid}.builder-hero{background:linear-gradient(130deg,var(--navy),#1c464b);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.builder-hero:after{content:"";inset-inline-end:-60px;border:1px solid #b7833e40;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px}.builder-hero h2{margin:0;font-size:24px}.builder-hero p{color:#bdd0ce;max-width:620px;margin:7px 0 0;font-size:12px}.hero-count{border-inline-start:1px solid #ffffff24;min-width:120px;padding-inline-start:22px}.hero-count b{color:#e2bd80;font-size:29px;display:block}.hero-count span{color:#b8c8c5;font-size:10px}.builder-toolbar{background:var(--paper);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:6px;display:flex}.account-tabs,.view-tabs{gap:4px;display:flex;overflow:auto}.account-tabs button,.view-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:10px 13px;font-size:11px}.view-tabs button{align-items:center;gap:6px;display:flex}.account-tabs button.active,.view-tabs button.active{color:var(--teal);background:#e6f0ee;font-weight:700}.req-filters{grid-template-columns:minmax(180px,1fr) 150px 140px auto;gap:9px;display:grid}.req-filters select,.search-box{border:1px solid var(--line);background:var(--paper);border-radius:10px;height:42px;padding:0 12px}.search-box{align-items:center;gap:8px;display:flex}.search-box svg{color:var(--muted)}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0}.req-table-wrap{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;overflow:auto}.req-table{border-collapse:collapse;width:100%;min-width:1140px}.req-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f5f2ec;font-size:10px}.req-table th,.req-table td{text-align:start;border-bottom:1px solid var(--line);padding:12px 10px}.req-table td{font-size:11px}.req-table td b{font-size:12px;display:block}.req-table td small{color:var(--muted);margin-top:3px;display:block}.drag-grip{color:#aaa;cursor:grab}.type-chip,.sensitive-badge,.req-status{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.type-chip{color:#536763;background:#edf1f0}.sensitive-badge{color:#8d5d1e;background:#fbefe0;margin-inline-start:6px}.active-dot{background:#aaa;border-radius:50%;width:7px;height:7px;margin-inline-end:5px;display:inline-block}.active-dot.on{background:#24a06b}.row-menu{position:relative}.row-menu summary{cursor:pointer;list-style:none}.row-menu summary::-webkit-details-marker{display:none}.row-menu>div{z-index:5;inset-inline-end:0;border:1px solid var(--line);background:#fff;border-radius:10px;width:130px;padding:5px;position:absolute;top:25px;box-shadow:0 10px 30px #0000001f}.row-menu button{text-align:start;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;padding:8px;font-size:10px;display:flex}.row-menu button:hover{background:#f4f1eb}.row-menu button.danger{color:var(--danger)}.empty-state{text-align:center;background:var(--paper);border:1px dashed var(--line);color:var(--muted);border-radius:15px;padding:60px}.req-drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c191e80;justify-content:flex-end;display:flex;position:fixed;inset:0}[dir=rtl] .req-drawer-backdrop{justify-content:flex-start}.req-drawer{background:var(--paper);flex-direction:column;width:min(820px,94vw);height:100%;display:flex;box-shadow:0 0 50px #0003}.req-drawer>header,.req-drawer>footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.req-drawer>header h2{margin:0;font-size:20px}.req-drawer>footer{border:0;border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.icon-action{border:1px solid var(--line);background:#fff;border-radius:9px;width:36px;height:36px}.req-form-scroll{gap:24px;padding:22px 24px;display:grid;overflow:auto}.req-form-scroll section{border-bottom:1px solid var(--line);padding-bottom:22px}.req-form-scroll h3{margin:0 0 15px;font-size:14px}.req-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.req-form-grid label{gap:6px;font-size:10px;font-weight:700;display:grid}.req-form-grid textarea{resize:vertical;min-height:70px}.choice-row,.file-type-options{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:10px;display:flex}.choice-row label,.file-type-options label{align-items:center;gap:5px;display:flex}.toggle-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.req-toggle{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 11px;font-size:10px;display:flex}.req-toggle input{display:none}.req-toggle i{background:#d6d8d5;border-radius:20px;width:30px;height:17px;position:relative}.req-toggle i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:2px;left:2px}.req-toggle input:checked+i{background:var(--teal)}.req-toggle input:checked+i:after{left:15px}.req-permissions{border:1px solid var(--line);border-radius:10px;overflow:auto}.req-permissions table{border-collapse:collapse;width:100%;min-width:570px}.req-permissions th,.req-permissions td{text-align:center;border-bottom:1px solid var(--line);padding:9px;font-size:9px}.req-permissions th:first-child,.req-permissions td:first-child{text-align:start}.req-preview{max-width:760px;box-shadow:var(--shadow);background:#e3e1dc;border-radius:18px;margin:auto;padding:10px}.preview-browser{background:#e9e7e2;border-radius:10px 10px 0 0;align-items:center;gap:5px;height:35px;padding:0 12px;display:flex}.preview-browser i{background:#b9b7b2;border-radius:50%;width:7px;height:7px}.preview-browser i:first-child{background:#b86b5b}.preview-browser span{color:#999;background:#f7f5f0;border-radius:5px;margin:auto;padding:5px 40px;font-size:8px}.preview-body{background:#fff;border-radius:0 0 10px 10px;padding:35px 50px}.preview-body header{text-align:center;margin-bottom:25px}.preview-body h2{margin:0}.preview-body p{color:var(--muted);font-size:10px}.preview-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.preview-fields label{gap:5px;font-size:10px;display:grid}.preview-fields label small{color:var(--muted);font-size:8px}.preview-upload{color:var(--muted);border:1px dashed #c9c5bc;border-radius:9px;align-items:center;gap:7px;padding:18px;display:flex}.preview-check{background:#f7f5f0;border-radius:8px;padding:10px}.req-status.missing{color:#7a746b;background:#eeeae3}.req-status.uploaded{color:#526984;background:#e8edf4}.req-status.pending{color:#8b6516;background:#fff4d8}.req-status.approved{color:#27724d;background:#e4f3ea}.req-status.rejected{color:#9b4d4d;background:#f9e5e4}.req-status.expired{color:#775080;background:#eee3f3}.onboarding-page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.onboarding-page-head h1{margin:0;font-size:28px}.onboarding-page-head p{color:var(--muted);margin:6px 0 0;font-size:12px}.secure-note{color:var(--teal);background:#e7f1ef;border-radius:99px;padding:8px 10px;font-size:10px}.onboarding-progress{color:#fff;background:linear-gradient(125deg,#153039,#1c4b4d);border-radius:18px;grid-template-columns:auto 1fr minmax(260px,.75fr);align-items:center;gap:22px;margin-bottom:18px;padding:22px 26px;display:grid}.progress-ring{--value:0deg;background:conic-gradient(var(--brass) var(--value),#ffffff1a 0);border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:relative}.progress-ring:after{content:"";background:#193b40;border-radius:50%;position:absolute;inset:7px}.progress-ring b{z-index:1;font-size:18px;position:relative}.progress-copy>span{color:#b9cbc8;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.progress-copy h2{margin:5px 0;font-size:18px}.progress-legend{color:#c2d2cf;gap:12px;font-size:9px;display:flex}.progress-mini-list{gap:6px;display:grid}.progress-mini-list>div{background:#ffffff0f;border-radius:7px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:9px;display:flex}.onboarding-sections{gap:16px;display:grid}.onboarding-form-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:24px}.onboarding-form-card>header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.onboarding-form-card>header>span{width:36px;height:36px;color:var(--teal);background:#e6f0ee;border-radius:10px;place-items:center;font-size:11px;font-weight:700;display:grid}.onboarding-form-card h2{margin:0;font-size:17px}.onboarding-form-card header p{color:var(--muted);margin:3px 0;font-size:10px}.public-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.public-form-grid label{gap:6px;font-size:10px;display:grid}.public-form-grid label small{color:var(--muted);font-size:8px}.upload-requirements{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.upload-requirement{border:1px solid var(--line);border-radius:13px;padding:14px}.upload-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;font-size:11px;display:flex}.file-drop{text-align:center;min-height:145px;color:var(--muted);background:#fbfaf7;border:1px dashed #bbb7ae;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.file-drop svg{color:var(--teal)}.file-drop strong{color:var(--ink);font-size:10px}.file-drop span,.file-drop small{font-size:8px}.file-drop input{display:none}.file-drop .btn{margin:3px;padding:7px 10px;font-size:9px;font-style:normal}.rejection-note{color:var(--danger);background:#f9e9e7;border-radius:7px;margin:8px 0 0;padding:8px;font-size:9px}.onboarding-submit{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}@media (max-width:1200px){.req-filters{grid-template-columns:1fr 1fr}.req-filters .search-box{grid-column:span 2}.onboarding-progress{grid-template-columns:auto 1fr}.progress-mini-list{grid-column:span 2}.upload-requirements{grid-template-columns:1fr}}@media (max-width:720px){.builder-hero,.onboarding-page-head{flex-direction:column;align-items:flex-start}.builder-toolbar{display:grid}.req-filters{grid-template-columns:1fr;display:grid}.req-filters .search-box{grid-column:auto}.req-form-grid,.preview-fields,.public-form-grid,.toggle-grid{grid-template-columns:1fr}.preview-body{padding:24px 16px}.onboarding-progress{text-align:center;grid-template-columns:1fr}.progress-ring{margin:auto}.progress-legend{justify-content:center}.progress-mini-list{grid-column:auto}.onboarding-form-card{padding:17px}}.settings-content{min-width:0}.settings-subnav{background:#ebe7df;border-radius:12px;gap:4px;margin-bottom:14px;padding:5px;display:flex;overflow:auto}.settings-subnav a{white-space:nowrap;color:var(--muted);border-radius:8px;padding:9px 12px;font-size:10px}.settings-subnav a.active,.settings-subnav a:hover{background:var(--paper);color:var(--teal);box-shadow:0 2px 8px #0000000a}.developer-hero{background:var(--paper);border:1px solid var(--line);border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:22px 24px;display:flex}.developer-hero h2{margin:0;font-size:22px}.developer-hero p{color:var(--muted);max-width:680px;margin:6px 0 0;font-size:11px}.api-warning{color:#7c5a22;background:#fff7e8;border:1px solid #ead6ad;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 15px;display:flex}.api-warning svg{flex:none}.api-warning b,.api-warning span{font-size:10px;display:block}.api-warning b{margin-bottom:2px;font-size:11px}.api-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.api-client-card,.webhook-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:17px}.api-client-card>header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.integration-mark{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.api-client-card h3{margin:0 0 4px;font-size:13px}.api-client-card header>button{color:var(--muted);background:0 0;border:0}.api-client-card>p{color:var(--muted);min-height:28px;font-size:10px}.key-preview{color:#53625f;background:#f4f1eb;border-radius:9px;justify-content:space-between;align-items:center;padding:10px;font-size:10px;display:flex}.api-client-card dl{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.api-client-card dl div{border-inline-start:2px solid #e1ddd4;padding-inline-start:8px}.api-client-card dt{color:var(--muted);text-transform:uppercase;font-size:8px}.api-client-card dd{text-transform:capitalize;margin:3px 0 0;font-size:10px;font-weight:700}.api-client-card footer{border-top:1px solid var(--line);gap:6px;padding-top:11px;display:flex}.api-client-card footer button,.integration-actions button,.webhook-card footer button{background:#f3f0ea;border:0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;display:flex}.developer-drawer{width:min(900px,96vw)}.scope-groups{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.scope-groups section{border:1px solid var(--line);border-radius:10px;padding:10px}.scope-groups section header{justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.scope-groups label{align-items:center;gap:5px;padding:4px;font-size:9px;display:flex}.scope-groups code{font-size:9px}.data-scope-list{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.data-scope-list label{border:1px solid var(--line);border-radius:9px;gap:8px;padding:10px;display:flex}.data-scope-list label.active{border-color:var(--teal);background:#eef6f4}.data-scope-list b,.data-scope-list small{text-transform:capitalize;font-size:9px;display:block}.data-scope-list small{color:var(--muted);margin-top:3px}.security-todo{color:#75562b;background:#f8f1e5;border-radius:9px;padding:10px;font-size:9px}.method{border-radius:5px;padding:4px 6px;font-size:8px;font-weight:800}.method.get{color:#176b61;background:#e4f1ee}.method.post{color:#3d6290;background:#e6ecf6}.http-status{font-size:9px;font-weight:700}.http-status.ok{color:#25724e}.http-status.bad{color:var(--danger)}.playground{color:#dce5e3;background:#101c22;border-radius:16px;grid-template-columns:1fr 1fr;min-height:570px;display:grid;overflow:hidden}.playground section{padding:20px}.playground section+section{border-inline-start:1px solid #304047}.playground header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.playground h3{margin:0;font-size:13px}.playground label{color:#9eaeac;gap:6px;font-size:9px;display:grid}.playground .input,.endpoint-row input,.endpoint-row select{color:#e6eeee;background:#182a31;border-color:#33474e}.endpoint-row{grid-template-columns:85px 1fr auto;margin:13px 0;display:grid}.endpoint-row input,.endpoint-row select,.endpoint-row button{border:1px solid #33474e;padding:11px}.endpoint-row select{color:#6dd0c6;border-radius:8px 0 0 8px}.endpoint-row input{outline:0}.endpoint-row button{background:var(--teal);color:#fff;border:0;border-radius:0 8px 8px 0;align-items:center;gap:5px;display:flex}.code-tabs{border-bottom:1px solid #33474e;gap:3px;display:flex}.code-tabs button{color:#91a4a2;background:0 0;border:0;padding:9px;font-size:9px}.code-editor,.playground-response pre{color:#b8d7d2;resize:none;background:#0c171c;border:0;width:100%;min-height:320px;margin:0;padding:15px;font:11px/1.8 Consolas,monospace}.playground-response pre{white-space:pre-wrap;border-radius:9px}.api-docs{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:180px 1fr;display:grid;overflow:hidden}.api-docs nav{background:#f1eee8;align-content:start;padding:12px;display:grid}.api-docs nav button{text-align:start;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:9px}.api-docs nav button.active{background:var(--paper);color:var(--teal);font-weight:700}.api-docs article{min-width:0;padding:30px}.api-docs article>p{color:var(--muted);font-size:11px}.docs-callout{background:#edf4f2;border-radius:9px;justify-content:space-between;padding:12px;font-size:10px;display:flex}.code-block{color:#d7e4e2;background:#122128;border-radius:10px;padding:15px;position:relative;overflow:auto}.code-block pre{margin:0;font:10px/1.7 Consolas,monospace}.code-block button{inset-inline-end:8px;color:#fff;background:#26383e;border:0;border-radius:6px;padding:5px;position:absolute;top:8px}.webhook-form{margin-bottom:14px}.webhook-form>h3{font-size:12px}.event-selector{grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0;display:grid}.event-selector label{align-items:center;gap:5px;font-size:8px;display:flex}.webhook-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.webhook-card header{justify-content:space-between;gap:10px;display:flex}.webhook-card h3{margin:0 0 5px;font-size:13px}.webhook-card header code{color:var(--muted);font-size:8px}.webhook-events{flex-wrap:wrap;gap:5px;margin:18px 0;display:flex}.webhook-events span{background:#edf2f0;border-radius:99px;padding:5px 7px;font-size:8px}.webhook-card footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:10px;font-size:9px;display:flex}.webhook-card .delivered{color:#27724d}.webhook-card .failed{color:var(--danger)}.section-title{margin:22px 0 10px;font-size:14px}.policy-matrix{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:auto}.policy-head,.policy-row{grid-template-columns:1.5fr repeat(4,1fr);align-items:center;gap:8px;min-width:760px;padding:12px;display:grid}.policy-head{background:#f2efe9;font-size:9px}.policy-row{border-top:1px solid var(--line)}.policy-row strong{font-size:10px}.policy-row select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px;font-size:9px}.verification-timeline{background:var(--navy);color:#fff;border-radius:16px;margin-bottom:14px;padding:22px 18px;display:flex;overflow:auto}.verification-timeline>div{text-align:center;min-width:130px;position:relative}.verification-timeline>div:not(:last-child):after{content:"";top:14px;background:#587078;width:76%;height:1px;position:absolute;inset-inline-start:62%}.verification-timeline span{z-index:1;background:var(--teal);border:3px solid #29464d;border-radius:50%;place-items:center;width:28px;height:28px;margin:auto;font-size:9px;display:grid;position:relative}.verification-timeline b,.verification-timeline small{margin-top:7px;font-size:8px;display:block}.verification-timeline small{color:#8fa5a4;margin-top:3px}.status-cards{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.status-cards article{background:var(--paper);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;gap:2px 8px;padding:12px;display:grid}.status-cards article>span{border-radius:50%;grid-row:span 2;width:9px;height:9px}.status-cards b{font-size:9px}.status-cards small{color:var(--muted);font-size:7px}.auth-settings-stack{gap:13px;display:grid}.toggle-banner,.provider-config{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}.toggle-banner{justify-content:space-between;align-items:center;display:flex}.toggle-banner h3,.provider-config h3{margin:0;font-size:13px}.toggle-banner p{color:var(--muted);margin:4px 0 0;font-size:9px}.provider-config>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.provider-config>header>div{align-items:center;gap:10px;display:flex}.provider-icon{background:var(--navy);color:#fff;border-radius:8px;padding:10px;font-size:9px}.template-editor{background:var(--paper);border:1px solid var(--line);border-radius:15px;grid-template-columns:190px 1fr;display:grid;overflow:hidden}.template-editor nav{background:#f1eee8;align-content:start;padding:10px;display:grid}.template-editor nav button{text-align:start;background:0 0;border:0;border-radius:7px;padding:9px;font-size:9px}.template-editor nav button.active{color:var(--teal);background:#fff;font-weight:700}.template-editor>section{padding:22px}.template-editor>section>header{justify-content:space-between;display:flex}.template-editor h3{margin:0}.template-body{min-height:130px}.sms-providers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sms-providers article{border:1px solid var(--line);border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.sms-providers article>span{width:30px;height:30px;color:var(--teal);background:#eef3f1;border-radius:7px;place-items:center;font-size:9px;display:grid}.sms-providers b,.sms-providers small{font-size:9px;display:block}.sms-providers small{color:var(--muted)}.sms-providers button{color:var(--teal);background:0 0;border:0;font-size:8px}.architecture-badge{color:var(--teal);background:#edf4f2;border-radius:8px;padding:9px;font:9px Consolas,monospace}.provider-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.provider-status-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px}.provider-status-card header{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.provider-status-card header>span{width:35px;height:35px;color:var(--teal);background:#edf4f2;border-radius:8px;place-items:center;display:grid}.provider-status-card h3,.provider-status-card small{margin:0;font-size:11px;display:block}.provider-status-card small{color:var(--muted);font-size:8px}.provider-ok{color:#2d9065}.provider-status-card>strong{margin:17px 0 5px;font-size:12px;display:block}.provider-status-card p{color:var(--muted);min-height:28px;font-size:8px}.provider-status-card .btn{padding:7px;font-size:8px}.system-health{background:var(--navy);color:#fff;border-radius:15px;margin-top:13px;padding:20px}.system-health>header,.system-health>header>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.system-health h2{margin:0;font-size:15px}.system-health p{color:#a9bcba;margin:3px 0;font-size:8px}.system-health header>b{color:#65c499;font-size:8px}.health-pulse{background:#42bd83;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #42bd831f}.system-health>div{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:15px;display:grid}.system-health article{background:#ffffff0d;border-radius:8px;padding:9px}.system-health article span,.system-health article strong,.system-health article i{font-size:8px;display:block}.system-health article strong{margin:5px 0;font-size:11px}.system-health article i{color:#64c89b;font-style:normal}.portability-note{background:#faf4e9;border:1px solid #ead9b9;border-radius:13px;margin-top:13px;padding:16px}.portability-note h3{margin:0;font-size:12px}.portability-note p{color:#705d3f;margin:5px 0;font-size:9px}.integration-actions{gap:5px;margin-bottom:9px;display:flex}.settings-mini-card>small{color:var(--muted);font-size:8px}@media (max-width:1150px){.api-client-grid,.webhook-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:repeat(2,1fr)}.playground{grid-template-columns:1fr}.playground section+section{border-inline-start:0;border-top:1px solid #304047}.status-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.developer-hero{flex-direction:column;align-items:flex-start}.api-client-grid,.scope-groups,.data-scope-list,.event-selector,.sms-providers,.provider-grid,.api-docs,.template-editor{grid-template-columns:1fr}.api-docs nav,.template-editor nav{display:flex;overflow:auto}.api-docs nav button,.template-editor nav button{white-space:nowrap}.endpoint-row{grid-template-columns:75px 1fr}.endpoint-row button{border-radius:8px;grid-column:span 2;justify-content:center;margin-top:5px}.system-health>div{grid-template-columns:1fr 1fr}.status-cards{grid-template-columns:1fr}.architecture-badge{max-width:100%}}.integration-hero{background:linear-gradient(125deg,var(--navy),#1b4246);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:24px 27px;display:flex}.integration-hero h2{margin:0;font-size:23px}.integration-hero p{color:#b9ccca;max-width:670px;margin:6px 0;font-size:11px}.catalog-note{background:#f7f0e4;border:1px solid #e4d1ae;border-radius:11px;align-items:center;gap:10px;padding:11px 14px;display:flex}.catalog-note svg{color:var(--brass)}.catalog-note b,.catalog-note span{font-size:9px;display:block}.catalog-note span{color:#75664d;margin-top:2px}.catalog-tabs,.detail-tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow:auto}.catalog-tabs button,.detail-tabs button{text-transform:capitalize;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:11px 12px;font-size:10px}.catalog-tabs button span{background:#ece9e2;border-radius:99px;margin-inline-start:5px;padding:2px 5px;font-size:8px}.catalog-tabs button.active,.detail-tabs button.active{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:700}.catalog-toolbar{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.catalog-toolbar label{border:1px solid var(--line);background:var(--paper);border-radius:9px;align-items:center;gap:7px;width:min(360px,100%);padding:9px 11px;display:flex}.catalog-toolbar input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.catalog-toolbar>span{color:var(--muted);font-size:9px}.integration-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.integration-catalog-grid article{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px}.integration-catalog-grid article>header{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.connector-logo{width:40px;height:40px;color:var(--teal);background:#e8efee;border-radius:10px;place-items:center;font-size:10px;font-weight:800;display:grid}.connector-logo.erp{color:#755787;background:#eee9f2}.connector-logo.communication{color:#496b92;background:#e8eef6}.connector-logo.analytics{color:#8c6429;background:#f5ecdc}.connector-logo.developer{color:#4d5b62;background:#e8eaec}.integration-catalog-grid h3{margin:0;font-size:12px}.integration-catalog-grid header small{color:var(--muted);font-size:8px}.connection-status{text-transform:capitalize;border-radius:99px;padding:4px 7px;font-size:8px}.connection-status.connected{color:#26724d;background:#e3f2e9}.connection-status.not_configured{color:#6c6860;background:#eeeae3}.connection-status.error{color:#994c48;background:#f8e4e2}.connection-status.disabled{color:#626a6e;background:#eaebed}.integration-catalog-grid article>p{color:var(--muted);text-transform:capitalize;font-size:9px}.integration-catalog-grid dl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.integration-catalog-grid dl div{background:#f6f3ed;border-radius:7px;padding:8px}.integration-catalog-grid dt,.integration-catalog-grid dd{margin:0;font-size:8px}.integration-catalog-grid dt{color:var(--muted)}.integration-catalog-grid dd{text-transform:capitalize;margin-top:3px;font-weight:700}.integration-error{color:var(--danger);background:#f9e8e6;border-radius:6px;margin-top:8px;padding:7px;font-size:8px}.integration-catalog-grid footer{gap:6px;margin-top:12px;display:flex}.integration-catalog-grid footer a,.integration-catalog-grid footer button{color:var(--teal);background:#edf3f1;border:0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;display:flex}.available-connectors{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.available-connectors section{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px}.available-connectors h4{text-transform:uppercase;color:var(--brass);margin:0 0 7px;font-size:9px}.available-connectors span{color:var(--muted);padding:4px 0;font-size:8px;display:block}.integration-drawer{width:min(940px,96vw)}.integration-steps{background:#f1eee8;grid-template-columns:repeat(4,1fr);gap:3px;padding:10px 22px;display:grid}.integration-steps button{color:var(--muted);background:0 0;border:0;padding:8px;font-size:9px}.integration-steps span{background:#ddd9d1;border-radius:50%;place-items:center;width:20px;height:20px;margin-inline-end:5px;display:inline-grid}.integration-steps button.active{color:var(--teal);font-weight:700}.integration-steps button.active span{background:var(--teal);color:#fff}.header-row{grid-template-columns:1fr 1fr auto;gap:7px;margin-bottom:6px;display:grid}.header-row button,.mapping-row>button{color:var(--danger);background:#f2eee8;border:0;border-radius:7px}.mapping-builder{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:14px;overflow:auto}.mapping-head{justify-content:space-between;align-items:center;margin:8px 0 10px;display:flex}.mapping-head h3{margin:0;font-size:11px}.mapping-head button{color:var(--teal);background:#e8f1ef;border:0;border-radius:7px;gap:4px;padding:7px 9px;font-size:8px;display:flex}.mapping-table{min-width:900px}.mapping-row{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1.2fr 55px 35px;align-items:center;gap:5px;padding:5px;display:grid}.mapping-row input,.mapping-row select{border:1px solid var(--line);border-radius:6px;min-width:0;padding:7px;font-size:8px}.mapping-labels{border:0}.mapping-labels b{color:var(--muted);font-size:7px}.test-connection{border:1px solid var(--teal);color:var(--teal);background:#edf5f3;border-radius:9px;align-items:center;gap:7px;margin-top:15px;padding:10px 13px;display:flex}.test-connection.success{color:#28734e;background:#e5f3ea;border-color:#8cc4a6}.integration-detail-head{background:var(--paper);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:17px;display:grid}.integration-detail-head h2{margin:0;font-size:18px}.integration-detail-head p{color:var(--muted);margin:4px 0;font-size:9px}.integration-detail-head+.detail-tabs{margin-bottom:13px}.integration-metrics{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.integration-metrics article{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:12px}.integration-metrics svg{color:var(--teal);width:17px}.integration-metrics span,.integration-metrics b{font-size:8px;display:block}.integration-metrics span{color:var(--muted);margin:7px 0 3px}.integration-metrics b{text-transform:capitalize;font-size:10px}.integration-overview{margin-top:10px}.integration-overview dl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.integration-overview dl div{border-bottom:1px solid var(--line);padding:8px}.integration-overview dt{color:var(--muted);font-size:8px}.integration-overview dd{text-transform:capitalize;margin:3px 0;font-size:10px}.endpoint-code{color:#b8d7d2;background:#102027;border-radius:8px;padding:12px;display:block}.save-toast{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:8px;display:flex}.ops-summaries{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;margin-bottom:16px;display:grid}.ops-summaries article{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;position:relative;overflow:hidden}.ops-summaries article:before{content:"";inset-inline-start:0;background:#cfd7d5;width:3px;position:absolute;top:0;bottom:0}.ops-summaries article.featured{background:var(--navy);color:#fff}.ops-summaries article.featured:before{background:var(--brass)}.ops-summaries span,.ops-summaries strong,.ops-summaries small{display:block}.ops-summaries span{color:var(--muted);font-size:9px}.ops-summaries .featured span,.ops-summaries .featured small{color:#aebfbd}.ops-summaries strong{margin:8px 0 5px;font-size:21px}.ops-summaries small{color:#9a9f9d;font-size:7px}.ops-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}.ops-toolbar button,.ops-toolbar select,.ops-search{background:var(--paper);border:1px solid var(--line);border-radius:9px;align-items:center;gap:5px;height:38px;padding:0 10px;font-size:8px;display:flex}.ops-search{flex:1;min-width:200px}.ops-search input{background:0 0;border:0;outline:0;width:100%}.ops-toolbar select{min-width:110px}.ops-table-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.table-result-count{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:10px 14px;font-size:8px;display:flex}.table-result-count button{color:var(--teal);background:0 0;border:0;font-size:8px}.ops-table-scroll{overflow:auto}.ops-table{border-collapse:collapse;width:100%;min-width:1280px}.ops-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f6f3ee;font-size:7px}.ops-table th,.ops-table td{text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 9px}.ops-table td{font-size:8px}.ops-table td b,.ops-table td small{display:block}.ops-table td b{font-size:9px}.ops-table td small{color:var(--muted);margin-top:2px}.ops-status{color:#65625d;background:#eeeae3;border-radius:99px;padding:4px 7px;font-size:7px;font-weight:700;display:inline-flex}.ops-status.confirmed,.ops-status.approved,.ops-status.completed,.ops-status.converted,.ops-status.paid{color:#26724d;background:#e3f2e9}.ops-status.scheduled,.ops-status.pending{color:#45698a;background:#e5edf5}.ops-status.under-review,.ops-status.eligible{color:#886519;background:#fff2d6}.ops-status.cancelled,.ops-status.rejected,.ops-status.no-show{color:#984c48;background:#f8e3e1}.ops-status.expired{color:#76527d;background:#eee5f1}.reports-filterbar{background:var(--paper);border:1px solid var(--line);border-radius:11px;flex-wrap:wrap;gap:6px;margin-bottom:13px;padding:7px;display:flex}.reports-filterbar button{background:#f5f2ec;border:0;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;display:flex}.reports-filterbar .apply-filter{background:var(--teal);color:#fff;margin-inline-start:auto}.executive-summary{background:linear-gradient(125deg,var(--navy),#1d4145);color:#fff;border-radius:16px;margin-bottom:13px;padding:20px}.executive-summary>header{justify-content:space-between;align-items:center;display:flex}.executive-summary h2{margin:0;font-size:17px}.executive-summary header>span{color:#9fb3b1;font-size:8px}.executive-summary>div{grid-template-columns:repeat(7,1fr);margin-top:17px;display:grid}.executive-summary article{border-inline-start:1px solid #ffffff1a;padding:5px 12px}.executive-summary article:first-child{border:0}.executive-summary article span,.executive-summary article strong,.executive-summary article small{font-size:8px;display:block}.executive-summary article span{color:#aabbb9}.executive-summary article strong{margin:7px 0;font-size:18px}.executive-summary article small{color:#68c99f}.executive-summary article.highlight strong{color:#e1b873}.reports-charts{grid-template-columns:.8fr 1.2fr;gap:12px;margin-bottom:17px;display:grid}.report-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:17px}.report-panel>header{justify-content:space-between;display:flex}.report-panel h3{margin:0;font-size:12px}.report-panel header p{color:var(--muted);margin:3px 0;font-size:8px}.report-panel header>span{color:var(--teal);font-size:8px}.funnel-chart{justify-items:center;margin-top:14px;display:grid}.funnel-chart div{color:#fff;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(90deg,#0f766e,#328e85);justify-content:space-between;margin:2px;padding:7px 10px;font-size:8px;display:flex}.css-chart{height:190px;margin-top:8px;position:relative}.css-chart svg{width:100%;height:160px;position:absolute;inset:0}.chart-grid{background:repeating-linear-gradient(#0000 0 39px,#eeeae3 40px);height:160px}.chart-labels{color:var(--muted);justify-content:space-between;padding-top:6px;font-size:7px;display:flex}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{margin:0;font-size:17px}.section-heading button{color:var(--teal);background:0 0;border:0;font-size:8px}.report-card-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:11px;display:grid}.report-card-grid article{background:var(--paper);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;gap:9px;padding:13px;display:grid}.report-icon{width:34px;height:34px;color:var(--teal);background:#e7f0ee;border-radius:8px;place-items:center;display:grid}.report-card-grid h3{margin:0;font-size:10px}.report-card-grid p{color:var(--muted);margin:3px 0;font-size:7px;line-height:1.4}.mini-bars{border-bottom:1px solid var(--line);grid-column:span 2;align-items:flex-end;gap:5px;height:45px;display:flex}.mini-bars i{flex:1;align-items:flex-end;height:100%;display:flex}.mini-bars em{background:linear-gradient(var(--teal),#83b8b2);border-radius:3px 3px 0 0;width:100%}.report-card-grid footer{color:var(--muted);grid-column:span 2;justify-content:space-between;font-size:7px;display:flex}.report-card-grid footer button{color:var(--teal);background:0 0;border:0;font-size:7px}@media (max-width:1150px){.available-connectors{grid-template-columns:repeat(3,1fr)}.executive-summary>div{grid-template-columns:repeat(4,1fr)}.executive-summary article:nth-child(5){border:0}.report-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.integration-catalog-grid,.reports-charts{grid-template-columns:1fr}.available-connectors{grid-template-columns:1fr 1fr}.integration-detail-head{grid-template-columns:auto 1fr}.integration-detail-head>.btn{grid-column:span 2}.integration-metrics,.executive-summary>div{grid-template-columns:1fr 1fr}.executive-summary article:nth-child(odd){border:0}.report-card-grid{grid-template-columns:1fr}}@media (max-width:520px){.integration-hero{flex-direction:column;align-items:flex-start}.available-connectors,.integration-metrics{grid-template-columns:1fr}.integration-steps button{font-size:0}.integration-steps span{font-size:9px}.header-row{grid-template-columns:1fr auto}.header-row input:nth-child(2){grid-row:2}.executive-summary>div{grid-template-columns:1fr}.executive-summary article{border:0;border-top:1px solid #ffffff1a}.ops-search{min-width:100%}}button,a,input,select,textarea,.clickable-kpi{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .16s,opacity .18s}button:active,.btn:active,.clickable-kpi:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #0f766e40}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scope-banner{color:#365f5a;background:#edf4f2;border:1px solid #d4e4e0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;padding:8px 12px;font-size:8px;display:flex}.scope-banner b{text-transform:capitalize}.scope-banner small{color:#6b7f7c}.dev-role-switcher{inset-inline-end:14px;z-index:80;color:#fff;background:#14272f;border:1px solid #385058;border-radius:10px;padding:8px 10px;position:fixed;bottom:14px;box-shadow:0 8px 24px #0003}.dev-role-switcher label,.dev-role-switcher small{font-size:8px;display:block}.dev-role-switcher select{color:#fff;background:#213a43;border:1px solid #496067;border-radius:5px;margin-inline-start:4px;padding:4px}.dev-role-switcher small{color:#93aaa9;margin-top:3px}.toast-region{top:18px;z-index:100;pointer-events:none;gap:7px;width:min(360px,100vw - 30px);display:grid;position:fixed;inset-inline-end:18px}.app-toast{pointer-events:auto;border:1px solid var(--line);border-inline-start:4px solid var(--teal);background:#fff;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;font-size:10px;animation:.2s toast-in;display:grid;box-shadow:0 12px 32px #00000026}.app-toast.error{border-inline-start-color:var(--danger)}.app-toast.warning{border-inline-start-color:var(--brass)}.app-toast.info{border-inline-start-color:#4e7798}.app-toast svg{width:17px}.app-toast button{background:0 0;border:0}.clickable-kpi{border:1px solid var(--line);background:var(--paper);text-align:start;cursor:pointer;border-radius:12px;padding:14px;position:relative;overflow:hidden}.clickable-kpi:before{content:"";inset-inline-start:0;background:#cfd7d5;width:3px;position:absolute;top:0;bottom:0}.clickable-kpi:hover{border-color:#b8cfca;transform:translateY(-2px);box-shadow:0 8px 22px #15273417}.clickable-kpi.active{border-color:var(--teal);box-shadow:0 0 0 2px #0f766e1a}.clickable-kpi.featured{background:var(--navy);color:#fff}.clickable-kpi.featured:before{background:var(--brass)}.clickable-kpi span,.clickable-kpi strong,.clickable-kpi small{display:block}.clickable-kpi span{color:var(--muted);font-size:9px}.clickable-kpi.featured span,.clickable-kpi.featured small{color:#aebfbd}.clickable-kpi strong{margin:8px 0 5px;font-size:21px}.clickable-kpi small{color:#8b9693;font-size:7px}.ops-summaries.interactive article{display:none}.ops-toolbar .ops-search>button{border:0;height:auto;padding:2px}.filter-select{background:var(--paper);border:1px solid var(--line);border-radius:9px;align-items:center;height:38px;padding:0 8px;display:flex}.filter-select select{appearance:none;background:0 0;border:0;outline:0;min-width:85px;font-size:8px}.filter-select:has(select:disabled){opacity:.55;cursor:not-allowed}.date-filter{position:relative}.date-filter summary,.more-filter-wrap>button{background:var(--paper);border:1px solid var(--line);border-radius:9px;align-items:center;gap:5px;height:38px;padding:0 10px;font-size:8px;list-style:none;display:flex}.date-filter summary::-webkit-details-marker{display:none}.date-filter>div,.more-filter-panel{z-index:20;top:43px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;animation:.16s popover-in;position:absolute;inset-inline-start:0;box-shadow:0 12px 30px #00000021}.date-filter>div{gap:8px;min-width:220px;display:grid}.date-filter label{gap:4px;font-size:8px;display:grid}.date-filter input{border:1px solid var(--line);border-radius:6px;padding:7px}.more-filter-wrap{position:relative}.more-filter-wrap>button.active{color:var(--teal);background:#e7f1ef}.more-filter-panel{gap:8px;width:240px;display:grid}.more-filter-panel button{color:var(--danger);background:#f7ece9;border:0;border-radius:6px;padding:8px;font-size:8px}.active-filter-chips{flex-wrap:wrap;gap:5px;margin:-3px 0 10px;display:flex}.active-filter-chips button{color:#396a64;background:#edf5f3;border:1px solid #cfe0dc;border-radius:99px;align-items:center;gap:4px;padding:5px 8px;font-size:7px;animation:.16s chip-in;display:flex}.active-filter-chips .clear-all{color:var(--danger);background:0 0;border-color:#0000}.table-skeleton{gap:8px;padding:12px;display:grid}.skeleton{background:linear-gradient(90deg,#ece9e2 25%,#f6f4ef 50%,#ece9e2 75%) 0 0/200% 100%;border-radius:7px;min-height:18px;animation:1.2s infinite shimmer;display:block}.sk-head{height:28px}.sk-row{height:40px}.ops-table tbody tr{animation:.18s row-in}.ops-status{transition:background-color .2s,color .2s,transform .2s}.ux-empty,.ux-error{text-align:center;color:var(--muted);padding:48px 20px}.ux-empty svg,.ux-error svg{color:#99aaa7;width:28px;height:28px}.ux-empty h3,.ux-error h3{color:var(--ink);margin:9px 0 3px;font-size:13px}.ux-empty p{font-size:9px}.dialog-backdrop,.detail-drawer-backdrop{z-index:90;background:#0b181d85;place-items:center;animation:.15s fade-in;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:15px;width:min(420px,100vw - 28px);padding:22px;animation:.2s modal-in;position:relative;box-shadow:0 24px 70px #00000040}.dialog-close{inset-inline-end:10px;background:0 0;border:0;position:absolute;top:10px}.dialog-warning{width:42px;height:42px;color:var(--danger);background:#f9e7e3;border-radius:50%;place-items:center;display:grid}.confirm-dialog h2{margin:12px 0 4px;font-size:17px}.confirm-dialog p{color:var(--muted);font-size:10px}.confirm-dialog footer{justify-content:flex-end;gap:7px;margin-top:18px;display:flex}.danger-btn{background:var(--danger);color:#fff}.button-loader{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin}.detail-drawer-backdrop{place-items:stretch end}.detail-drawer{background:#fff;flex-direction:column;width:min(520px,94vw);height:100%;animation:.2s drawer-in;display:flex}.detail-drawer>header,.detail-drawer>footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px;display:flex}.detail-drawer>header h2{margin:0}.detail-drawer>header button{background:0 0;border:0}.drawer-body{gap:12px;padding:18px;display:grid;overflow:auto}.drawer-body>label{gap:6px;font-size:9px;display:grid}.drawer-body textarea{min-height:100px}.drawer-body dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.drawer-body dl div{background:#f5f2ed;border-radius:8px;padding:10px}.drawer-body dt{color:var(--muted);font-size:7px}.drawer-body dd{margin:4px 0;font-size:9px}.detail-drawer>footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;margin-top:auto}.save-status{border-radius:99px;width:max-content;padding:5px 8px;font-size:8px;display:inline-flex}.save-status.unsaved{color:#806018;background:#fff1d6}.save-status.saving{color:#4c6782;background:#e7eef5}.save-status.saved{color:#26724d;background:#e3f2e9}.save-status.error{color:var(--danger);background:#f7e3e1}.file-drop.interactive{cursor:default}.file-drop.drag-over{border-color:var(--teal);background:#eaf4f2;transform:scale(1.01)}.selected-file{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:8px;display:grid}.selected-file b,.selected-file small{display:block}.selected-file small{color:var(--muted)}.upload-state{text-transform:capitalize;font-size:8px}.upload-progress{grid-template-columns:1fr auto auto;align-items:center;gap:7px;width:100%;padding:5px 8px;display:grid}.upload-progress>i{background:#e5e1d9;border-radius:99px;height:6px;overflow:hidden}.upload-progress em{background:var(--teal);height:100%;transition:width .14s linear;display:block}.upload-progress button,.upload-actions button{background:0 0;border:0}.upload-actions{flex-wrap:wrap;gap:6px;display:flex}.upload-actions button{background:#f1eee8;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex}.upload-actions svg{width:12px}.reports-filterbar.interactive .filter-select,.reports-filterbar.interactive .date-filter summary{background:#f5f2ec}.dynamic-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:6px;height:180px;padding-top:15px;display:flex}.dynamic-bars i{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.dynamic-bars em{background:linear-gradient(var(--teal),#83b8b2);border-radius:4px 4px 0 0;width:80%;max-height:94%;transition:height .22s;display:block}.dynamic-bars span{color:var(--muted);padding:4px;font-size:7px}.report-card-grid.interactive>button{border:1px solid var(--line);text-align:start;cursor:pointer}.report-card-grid.interactive>button:hover,.report-card-grid.interactive>button.active{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-2px)}.active-report-title{text-transform:capitalize;color:var(--teal);font-size:9px}.report-detail-view{background:var(--paper);border:1px solid var(--line);border-radius:13px;margin-top:12px;padding:17px;scroll-margin-top:90px}.report-detail-view h3{text-transform:capitalize;margin:0;font-size:13px}.report-detail-view>p{color:var(--muted);font-size:9px}.report-detail-view>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.report-detail-view span{background:#f4f1eb;border-radius:7px;padding:9px}.report-detail-view b,.report-detail-view small{font-size:8px;display:block}.page-loader{background:var(--warm);grid-template-columns:230px 1fr;gap:25px;min-height:100vh;padding:25px;display:grid}.loader-sidebar{background:var(--navy);border-radius:14px;align-content:start;gap:12px;padding:20px;display:grid}.loader-sidebar .skeleton{background:linear-gradient(90deg,#263b44,#38505a,#263b44) 0 0/200%;height:32px}.loader-title{width:260px;height:40px}.loader-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0;display:grid}.loader-kpis .skeleton{height:100px}.loader-filters{height:45px}.loader-table{gap:8px;margin-top:12px;display:grid}.loader-table .skeleton{height:42px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes chip-in{0%{opacity:0;transform:scale(.9)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes drawer-in{0%{opacity:.8;transform:translate(20px)}}[dir=rtl] .detail-drawer{animation-name:drawer-in-rtl}@keyframes drawer-in-rtl{0%{opacity:.8;transform:translate(-20px)}}@keyframes row-in{0%{opacity:.5}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:720px){.scope-banner{flex-direction:column;align-items:flex-start}.more-filter-panel{width:auto;position:fixed;inset:auto 12px 80px}.detail-drawer-backdrop{place-items:stretch stretch}.detail-drawer{width:100%}.report-detail-view>div,.page-loader{grid-template-columns:1fr}.loader-sidebar{display:none}.loader-kpis{grid-template-columns:1fr 1fr}.dev-role-switcher{bottom:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.report-card-grid.interactive>button{background:var(--paper);border:1px solid var(--line);text-align:start;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;gap:9px;padding:13px;display:grid}.mobile-bottom-nav,.mobile-more-backdrop,.mobile-header-brand,.mobile-menu-button{display:none}html{font-size:clamp(14px,1vw,16px)}.page-header h1,.lead-header h1,.project-hero h1{font-size:clamp(1.45rem,2.4vw,1.9rem)}button,.btn,a,input,select,textarea{touch-action:manipulation}@media (min-width:768px) and (max-width:1023px){.app{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:18px 10px}.sidebar .brand>div:last-child,.sidebar .nav span,.sidebar .logout span{display:none}.sidebar .brand,.sidebar .nav a,.sidebar .logout{justify-content:center}.page{padding:26px 22px}.topbar{padding:0 22px}.projects-grid{grid-template-columns:repeat(2,1fr)}.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi-feature{grid-column:span 3}.dash-grid{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{scroll-snap-type:x proximity;display:flex;overflow-x:auto}.settings-nav a{scroll-snap-align:start;min-width:170px}.project-hero,.project-detail-grid{grid-template-columns:1fr}.ops-summaries{grid-template-columns:repeat(3,1fr)}.executive-summary>div{grid-template-columns:repeat(4,1fr)}.upload-requirements{grid-template-columns:1fr}.api-client-grid,.integration-catalog-grid{grid-template-columns:1fr 1fr}}@media (max-width:767px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-x:hidden}.app{display:block}.sidebar{display:none}.mobile-bottom-nav{z-index:70;height:calc(64px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfaf7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -7px 24px #14232a14}.mobile-bottom-nav a,.mobile-bottom-nav button{color:#71807d;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:50px;font-size:9px;display:flex}.mobile-bottom-nav a span,.mobile-bottom-nav button span{text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--teal);background:#eaf3f1}.mobile-more-backdrop{z-index:85;background:#0b181d80;place-items:end center;animation:.15s fade-in;display:grid;position:fixed;inset:0}.mobile-more-sheet{background:var(--paper);width:100%;max-height:82vh;padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:.2s sheet-up}.mobile-more-sheet>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-more-sheet h2{margin:0}.mobile-more-sheet header>button{background:#f0ede7;border:0;border-radius:10px;width:40px;height:40px}.mobile-more-sheet nav{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mobile-more-sheet nav a,.mobile-logout{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;min-height:58px;padding:14px;font-size:12px;display:flex}.mobile-more-sheet nav a.active{border-color:var(--teal);color:var(--teal);background:#edf5f3}.mobile-logout{color:var(--danger);justify-content:center;margin-top:14px}.topbar{height:60px;padding:0 12px;position:sticky}.mobile-header-brand{align-items:center;gap:8px;min-width:0;display:flex}.mobile-logo{width:34px;height:34px;color:var(--teal);border:1px dashed #91a4a1;border-radius:9px;place-items:center;font-weight:800;display:grid}.mobile-header-brand small,.mobile-header-brand b{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;max-width:125px;display:block;overflow:hidden}.mobile-header-brand small{color:var(--muted);font-size:7px}.mobile-header-brand b{font-size:11px}.top-search{display:none}.top-actions{gap:5px;margin-inline-start:auto}.top-actions .language-switch{height:36px;padding:0 8px}.top-actions .avatar{width:34px;height:34px}.top-actions .icon-btn{width:36px;height:36px}.mobile-menu-button{border:1px solid var(--line);background:var(--paper);border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.page{max-width:100%;padding:18px 12px 24px;overflow:hidden}.page-header{flex-direction:column;align-items:flex-start;gap:11px;margin-bottom:17px}.page-header h1{line-height:1.35}.page-header p{font-size:11px;line-height:1.55}.page-header>.btn,.page-header>button,.page-header>a{width:100%;min-height:46px}.btn{min-height:44px}.input,input,select,textarea{font-size:16px}.input{min-height:46px}.kpi-strip{scroll-snap-type:x mandatory;box-shadow:none;background:0 0;border:0;border-radius:0;gap:9px;padding-bottom:5px;display:flex;overflow-x:auto}.kpi,.kpi-feature{border:1px solid var(--line);scroll-snap-align:start;border-radius:14px;flex:0 0 72%;min-height:115px}.kpi{background:var(--paper)}.dash-grid{flex-direction:column;gap:12px;display:flex}.dash-grid>.panel:nth-child(4){order:1}.dash-grid>.panel:nth-child(3){order:2}.dash-grid>.panel:first-child{order:3}.dash-grid>.panel:nth-child(2){order:4}.dash-grid>.panel:nth-child(5){order:5}.panel,.settings-card{padding:16px}.panel.wide{grid-column:auto}.journey{justify-content:flex-start;gap:18px;padding-bottom:10px;overflow-x:auto}.projects-grid{grid-template-columns:1fr;gap:13px}.project-image{height:175px}.project-body{padding:15px}.project-card .text-link{background:var(--teal);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-height:42px;margin-top:12px;display:flex}.project-hero{flex-direction:column;padding:16px;display:flex}.project-hero-copy{display:contents}.project-hero-copy h1{order:1}.project-hero-copy>.eyebrow{order:0}.project-hero-copy>p:not(.eyebrow){order:2}.hero-stats{order:3;grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.hero-stats span{min-width:0}.hero-actions{z-index:60;bottom:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffdfaf7;grid-template-columns:1fr 1fr;padding:8px 10px;display:grid;position:fixed;left:0;right:0;box-shadow:0 -6px 18px #00000012}.hero-actions .btn{font-size:10px}.hero-actions .btn:nth-child(n+3){display:none}.hero-visual{order:4;width:100%;height:220px}.tabs{scroll-snap-type:x proximity;margin:14px -12px;padding:0 12px}.tabs button{scroll-snap-align:start;min-height:44px}.project-detail-grid{grid-template-columns:1fr}.filterbar{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.filterbar .search{min-width:78vw}.filterbar button{white-space:nowrap;min-height:44px}.data-table{min-width:0;display:block}.data-table thead{display:none}.data-table tbody{gap:9px;padding:9px;display:grid}.data-table tr{border:1px solid var(--line);background:#fff;border-radius:12px;gap:7px;padding:12px;display:grid}.data-table td{border:0;padding:0;display:none}.data-table td:first-child,.data-table td:nth-child(3),.data-table td:nth-child(6),.data-table td:last-child{display:block}.data-table td:first-child b{font-size:12px}.data-table td:nth-child(3):before{content:"Project · ";color:var(--muted)}.data-table td:nth-child(6){position:absolute;inset-inline-end:24px}.data-table td:last-child{color:var(--teal);font-weight:700}.ops-summaries{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clickable-kpi{min-height:105px;padding:12px}.clickable-kpi strong{font-size:18px}.ops-toolbar{grid-template-columns:1fr auto;display:grid;overflow:visible}.ops-search{width:100%;min-width:0}.ops-toolbar>.date-filter,.ops-toolbar>.filter-select{display:none}.ops-toolbar>.more-filter-wrap{display:block}.more-filter-wrap>button{height:46px}.filter-count{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid}.more-filter-panel>header{justify-content:space-between;align-items:center;display:flex}.more-filter-panel>header button{width:36px;height:36px;color:var(--ink);background:#f0ede7}.more-filter-panel>.filter-select{width:100%;min-height:46px}.active-filter-chips{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.ops-table-card{box-shadow:none;background:0 0;border:0}.ops-table-scroll{overflow:visible}.ops-table{min-width:0;display:block}.ops-table thead{display:none}.ops-table tbody{gap:9px;display:grid}.ops-table tr{background:var(--paper);border:1px solid var(--line);border-radius:13px;grid-template-columns:1fr auto;gap:6px;padding:13px;display:grid;position:relative;box-shadow:0 5px 15px #14232a0a}.ops-table td{white-space:normal;border:0;padding:0;display:none}.ops-table td:first-child,.ops-table td:nth-child(2),.ops-table td:nth-child(3),.ops-table td:nth-last-child(2),.ops-table td:last-child{display:block}.ops-table td:first-child{grid-column:1}.ops-table td:nth-child(2),.ops-table td:nth-child(3){color:var(--muted);grid-column:1}.ops-table td:nth-last-child(2){grid-column:1}.ops-table td:last-child{inset-inline-end:10px;display:block;position:absolute;top:10px}.ops-table .row-menu>div{inset:auto 12px calc(74px + env(safe-area-inset-bottom)) 12px;border-radius:14px;width:auto;padding:10px;position:fixed}.ops-table .row-menu button{min-height:44px;font-size:11px}.table-result-count{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.reports-filterbar{grid-template-columns:1fr auto;display:grid}.reports-filterbar>.filter-select{display:none}.reports-filterbar>.date-filter summary{min-height:44px}.executive-summary{padding:16px}.executive-summary>div{grid-template-columns:1fr 1fr;display:grid}.executive-summary article{border-top:1px solid #ffffff1a;border-inline-start:0;padding:10px}.executive-summary article strong{font-size:16px}.reports-charts,.report-card-grid{grid-template-columns:1fr}.report-card-grid.interactive>button{min-height:145px}.settings-layout{grid-template-columns:1fr}.settings-nav{grid-template-columns:1fr 1fr;max-height:none;padding:6px;display:grid;overflow:visible}.settings-nav a{min-width:0;min-height:52px;padding:9px}.settings-subnav{scroll-snap-type:x proximity;border-radius:0;margin:0 -12px 12px;padding:5px 12px}.settings-subnav a{scroll-snap-align:start;align-items:center;min-height:40px;display:flex}.req-table-wrap,.permission-table,.req-permissions{-webkit-overflow-scrolling:touch;overflow-x:auto}.req-table{min-width:900px}.req-drawer,.developer-drawer,.integration-drawer{width:100vw;max-width:none}.req-drawer>header,.req-drawer>footer{padding:14px}.req-form-scroll{padding:16px}.req-form-grid,.form-grid,.public-form-grid,.upload-grid{grid-template-columns:1fr}.req-form-grid label,.form-grid label{font-size:11px}.toggle-grid{grid-template-columns:1fr}.file-drop{min-height:175px;padding:15px}.file-drop>button{min-height:44px}.upload-actions button{min-height:40px}.onboarding-progress{text-align:center;grid-template-columns:1fr}.progress-ring{margin:auto}.progress-mini-list{grid-column:auto}.onboarding-form-card{padding:15px}.upload-requirements,.api-client-grid,.integration-catalog-grid,.provider-grid,.webhook-grid,.playground,.api-docs,.template-editor{grid-template-columns:1fr}.login-panel{padding:24px 16px}.auth-card{width:100%}.account-types{grid-template-columns:1fr}.detail-drawer{width:100%;max-width:none}.drawer-body dl{grid-template-columns:1fr}.dialog-backdrop{align-items:end}.confirm-dialog{width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.2s sheet-up}.toast-region{width:auto;top:68px;left:10px;right:10px}.dev-role-switcher{display:none}}@media (max-width:374px){.page{padding-inline:10px}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:8px}.top-actions .language-switch{display:none}.ops-summaries,.executive-summary>div,.settings-nav,.hero-stats,.mobile-more-sheet nav{grid-template-columns:1fr}.page-header h1{font-size:1.35rem}}@keyframes sheet-up{0%{opacity:.7;transform:translateY(30px)}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.mobile-more-sheet,.confirm-dialog{animation-duration:.18s}.project-card:hover,.clickable-kpi:hover{transform:none}}@media (max-width:767px){.ops-toolbar{flex-wrap:nowrap;padding-bottom:6px;display:flex;overflow-x:auto}.ops-toolbar>.date-filter,.ops-toolbar>.filter-select{flex:none;display:flex}.ops-toolbar>.ops-search{flex:0 0 calc(100vw - 90px)}.ops-toolbar>.more-filter-wrap{flex:none}.reports-filterbar{flex-wrap:nowrap;display:flex;overflow-x:auto}.reports-filterbar>.filter-select{flex:none;display:flex}.reports-filterbar>.date-filter{flex:none}.data-table tr{position:relative}}.topbar{z-index:var(--z-header)}.mobile-nav-overlay{display:none}@media (max-width:1023px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-x:hidden}.app,[dir=ltr].app{display:block}.sidebar{display:none!important}.topbar{height:60px;padding:0 12px}.top-search{display:none}.mobile-header-brand{align-items:center;gap:8px;min-width:0;display:flex}.mobile-logo{width:34px;height:34px;color:var(--teal);border:1px dashed #91a4a1;border-radius:9px;place-items:center;font-weight:800;display:grid}.mobile-header-brand small,.mobile-header-brand b{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;max-width:150px;display:block;overflow:hidden}.mobile-header-brand small{color:var(--muted);font-size:7px}.mobile-header-brand b{font-size:11px}.top-actions{gap:5px;margin-inline-start:auto}.mobile-menu-button{border:1px solid var(--line);background:var(--paper);z-index:1;border-radius:9px;place-items:center;width:40px;height:40px;display:grid;position:relative}.mobile-bottom-nav{z-index:var(--z-mobile-nav);inset-inline:0;height:calc(64px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#fffdfaf7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;box-shadow:0 -7px 24px #14232a14}.mobile-bottom-nav a,.mobile-bottom-nav button{color:#71807d;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:50px;font-size:9px;display:flex}.mobile-bottom-nav a span,.mobile-bottom-nav button span{text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--teal);background:#eaf3f1}.mobile-nav-overlay{z-index:var(--z-overlay);pointer-events:auto;isolation:isolate;background:#0b181d85;animation:.15s fade-in;display:grid;position:fixed;inset:0}.mobile-nav-panel{background:var(--paper);flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 24px 70px #00000040}.mobile-nav-panel.drawer{width:min(86vw,360px);padding:20px 16px calc(18px + env(safe-area-inset-bottom));animation:.2s mobile-drawer-in;inset-block:0;inset-inline-start:0}.mobile-nav-panel.more{inset-inline:0;width:100%;max-height:82dvh;padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:.2s sheet-up;bottom:0}.mobile-nav-panel>header{flex:none;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-nav-panel h2{margin:0}.mobile-nav-panel header>button{background:#f0ede7;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.mobile-nav-panel>nav{overscroll-behavior:contain;grid-template-columns:1fr 1fr;gap:9px;padding:2px;display:grid;overflow-y:auto}.mobile-nav-panel.drawer>nav{grid-template-columns:1fr}.mobile-nav-panel nav a,.mobile-logout{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;min-height:54px;padding:14px;font-size:12px;display:flex}.mobile-nav-panel nav a.active{border-color:var(--teal);color:var(--teal);background:#edf5f3}.mobile-logout{color:var(--danger);flex:none;justify-content:center;margin-top:14px}}@keyframes mobile-drawer-in{0%{opacity:.7;transform:translate(-30px)}}[dir=rtl] .mobile-nav-panel.drawer{animation-name:mobile-drawer-in-rtl}@keyframes mobile-drawer-in-rtl{0%{opacity:.7;transform:translate(30px)}}@media (max-width:374px){.mobile-nav-panel.more>nav{grid-template-columns:1fr}}