:root{--bg:#06111d;--surface:#0a1929;--surface2:#0d2136;--surface3:#102941;--line:#1f3b57;--line2:#294b6b;--text:#eaf3fc;--muted:#829bb5;--brand:#2d88f4;--success:#38d5a3;--warning:#f3ba55;--danger:#ff7584;--shadow:0 18px 45px rgba(0,0,0,.22);--radius:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 65% 0,#0d2740 0,#06111d 38%,#050d17 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(180deg,#09192a,#06121f);border-right:1px solid #17334d;z-index:50;display:flex;flex-direction:column;box-shadow:12px 0 40px rgba(0,0,0,.18)}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #17334d}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#2794ff,#5856e8);font-size:19px;font-weight:900;box-shadow:0 8px 24px #2588f04d}.brand b,.brand small{display:block}.brand b{font-size:14px;letter-spacing:.2px}.brand small{margin-top:3px;color:#7892ad;font-size:10px}.nav-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:26px}.nav-scroll{padding:14px 10px 80px;overflow:auto}.nav-group{margin-top:17px}.nav-caption{padding:0 11px 8px;color:#597590;font-size:9px;font-weight:900;letter-spacing:1.35px}.nav-item{display:flex;align-items:center;gap:11px;min-height:40px;margin:2px 0;padding:8px 11px;border:1px solid transparent;border-radius:9px;color:#9bb0c5;font-size:12px;font-weight:650;transition:.16s}.nav-item i{width:21px;text-align:center;color:#6f91b1;font-style:normal;font-size:15px}.nav-item:hover{background:#0d243a;color:#fff;border-color:#1c3c59}.nav-item.active{background:linear-gradient(90deg,#123b62,#102842);border-color:#2d5c85;color:#fff;box-shadow:inset 3px 0 0 var(--brand)}.nav-item.active i{color:#68b5ff}.sidefoot{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:36px 1fr 28px;gap:9px;align-items:center;padding:13px 15px;background:#071522e8;border-top:1px solid #18334d;backdrop-filter:blur(12px)}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#173b5d;color:#a9d5ff;font-weight:900}.sidefoot b,.sidefoot small{display:block}.sidefoot b{font-size:11px}.sidefoot small{margin-top:2px;color:#6f89a3;font-size:9px}.main{min-height:100vh;margin-left:268px}.topbar{position:sticky;top:0;z-index:30;height:76px;display:flex;align-items:center;gap:16px;padding:0 24px;background:#071421e8;border-bottom:1px solid #17334d;backdrop-filter:blur(18px)}.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#0c2136;color:#fff}.page-title{min-width:0}.page-title span{display:block;color:#5e87ae;font-size:8px;font-weight:900;letter-spacing:1.5px}.page-title h1{margin:4px 0 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.top-search{display:flex;align-items:center;gap:8px;min-width:190px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#091b2d;color:#7390ad;font-size:11px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#0a1d30;color:#9fc4e8}.profile-chip{padding-left:12px;border-left:1px solid var(--line)}.profile-chip b,.profile-chip small{display:block}.profile-chip b{font-size:11px}.profile-chip small{margin-top:2px;color:#6d88a3;font-size:9px}.content{padding:22px;max-width:1680px;margin:0 auto}.app-footer{display:flex;justify-content:space-between;padding:14px 24px;border-top:1px solid #16314a;color:#57738e;font-size:9px}.dashboard-head,.page-command{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:18px;padding:20px 22px;border:1px solid #1e3d5a;border-radius:var(--radius);background:linear-gradient(135deg,rgba(35,103,164,.15),rgba(7,24,40,.82));box-shadow:var(--shadow)}.eyebrow,.page-command>div>span{color:#58aaff;font-size:9px;font-weight:900;letter-spacing:1.6px}.dashboard-head h2,.page-command h2{margin:7px 0 6px;font-size:24px;letter-spacing:-.4px}.dashboard-head p,.page-command p{margin:0;color:#829bb5;font-size:12px}.quick-actions,.page-command>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border:1px solid #2a4c6b;border-radius:9px;background:#0c2135;color:#c5d8e9;font-weight:750;font-size:11px;cursor:pointer}.btn:hover{border-color:#4c82ae;background:#112b44}.btn.primary{border-color:#2f8df4;background:linear-gradient(135deg,#268cef,#4b67ed);color:white;box-shadow:0 8px 24px #287fdc42}.widget-grid.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:112px;padding:16px;border:1px solid #203f5d;border-radius:14px;background:linear-gradient(145deg,rgba(16,44,70,.94),rgba(8,25,42,.96));box-shadow:0 12px 30px rgba(0,0,0,.16);overflow:hidden}.metric:after{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-48px;border-radius:50%;background:#3d90ea12}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#173e63,#0f2b47);border:1px solid #2d5c85;color:#6ab6ff;font-size:18px}.metric small,.metric strong,.metric em{display:block}.metric small{color:#89a1b9;font-size:10px}.metric strong{margin-top:5px;font-size:20px;letter-spacing:-.5px}.metric em{margin-top:5px;color:#607c97;font-style:normal;font-size:9px}.trend{align-self:start;padding:4px 7px;border-radius:7px;background:#15324d;color:#89b9e8;font-size:8px;font-weight:800}.trend.up{background:#0d3a34;color:#69ddb8}.trend.warn{background:#3b2b12;color:#f3c56f}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.span-2{grid-column:span 2}.panel{border:1px solid #1f3c58;border-radius:14px;background:linear-gradient(145deg,rgba(12,32,52,.96),rgba(7,23,39,.98));box-shadow:0 12px 32px rgba(0,0,0,.15);overflow:hidden}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #1c3854;background:linear-gradient(90deg,rgba(42,104,160,.08),transparent)}.panelhead span{display:block;color:#5b80a4;font-size:8px;font-weight:900;letter-spacing:1.25px}.panelhead h3{margin:4px 0 0;font-size:13px}.panelhead a{color:#69b3fb;font-size:10px;font-weight:700}.pipeline-list{padding:12px 18px 17px}.pipeline-row{display:grid;grid-template-columns:140px 1fr 28px;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #142e47}.pipeline-row:last-child{border:0}.pipeline-row b,.pipeline-row span{display:block}.pipeline-row b{font-size:11px}.pipeline-row span{margin-top:3px;color:#657e96;font-size:8px}.pipeline-bar{height:7px;border-radius:99px;background:#071727;overflow:hidden}.pipeline-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2d8cf4,#6659ee)}.pipeline-row>strong{font-size:11px;text-align:right}.finance-widget{display:grid;gap:8px;padding:16px}.finance-widget>div{display:flex;justify-content:space-between;padding:12px;border:1px solid #1b3a56;border-radius:10px;background:#091c2e}.finance-widget small{color:#7892ab}.finance-widget strong{font-size:12px}.finance-total{background:linear-gradient(135deg,#123b60,#102b46)!important;border-color:#2f6089!important}.activity-list{padding:8px 18px 14px}.activity{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #15304a}.activity i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#3d9cf8;box-shadow:0 0 0 4px #3d9cf817}.activity b{font-size:10px}.activity p{margin:3px 0;color:#8ba2b9;font-size:10px}.activity small{color:#5f7891;font-size:8px}.shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px}.shortcut-grid a{padding:13px;border:1px solid #1d3a56;border-radius:11px;background:#091b2d;transition:.15s}.shortcut-grid a:hover{border-color:#3972a2;background:#0e2841}.shortcut-grid i,.shortcut-grid b,.shortcut-grid small{display:block}.shortcut-grid i{color:#61b0fb;font-style:normal;font-size:17px}.shortcut-grid b{margin-top:8px;font-size:10px}.shortcut-grid small{margin-top:3px;color:#637d97;font-size:8px}.data-panel,.form-panel{overflow:visible}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #1d3955}.search-box{display:flex;align-items:center;gap:8px;width:min(430px,100%);padding:0 11px;border:1px solid #254664;border-radius:9px;background:#071827;color:#6f8ca7}.search-box input{width:100%;height:38px;border:0;outline:0;background:transparent;color:#eaf3fc}.table-tools>div:last-child{display:flex;align-items:center;gap:8px}.record-count{padding:6px 9px;border-radius:7px;background:#122e48;color:#87add0;font-size:9px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{padding:11px 14px;text-align:left;border-bottom:1px solid #274761;background:#0b1f32;color:#66839e;font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}td{padding:12px 14px;border-bottom:1px solid #15314b;color:#a9bdd0;font-size:10px}tbody tr:hover{background:#0d263e}td code{padding:4px 6px;border-radius:6px;background:#071827;color:#76b9f7;font-size:9px}.cell-main b,.cell-main small{display:block}.cell-main b{color:#eef6fd;font-size:10px}.cell-main small{margin-top:4px;color:#607c96;font-size:8px}.badge{display:inline-flex;padding:5px 8px;border:1px solid #315d80;border-radius:99px;background:#102d47;color:#9ec9ef;font-size:8px;font-weight:800}.row-actions{display:flex;align-items:center;gap:8px}.row-actions a,.row-actions button{border:0;background:transparent;color:#68b4fb;padding:0;font-size:9px;cursor:pointer}.row-actions button{color:#ef8290}.row-actions form{display:inline}.actions-col{width:150px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px}.form-grid label{display:grid;gap:6px;color:#85a0ba;font-size:9px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #284966;border-radius:9px;background:#071827;color:#edf6ff;padding:10px 11px;outline:0;transition:.15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#479df3;box-shadow:0 0 0 3px #3d94ec17}.form-section-title{display:flex;align-items:center;justify-content:space-between;padding:3px 0 10px;border-bottom:1px solid #1c3853}.form-section-title b,.form-section-title small{display:block}.form-section-title b{font-size:11px;color:#eaf4fd}.form-section-title small{color:#66819b;font-size:8px}.form-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #1c3853;color:#6e899f;font-size:9px}.status-dot{padding:5px 8px!important;border-radius:99px;background:#0e3a32;color:#66dab5!important;letter-spacing:0!important}.empty-state{display:grid;place-items:center;gap:6px;padding:50px 20px;color:#68839d;text-align:center}.empty-state i{font-style:normal;font-size:28px}.empty-state b{color:#b2c5d7}.alert{margin-bottom:12px;padding:11px 13px;border:1px solid #2c6c59;border-radius:9px;background:#0b312a;color:#7de1be;font-size:10px}.alert.danger{border-color:#733441;background:#37141b;color:#ff9aa6}.mobile-overlay{display:none}.app-footer{margin-top:20px}@media(max-width:1280px){.widget-grid.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 1}}@media(max-width:900px){.sidebar{transform:translateX(-102%);transition:.22s;width:min(310px,88vw)}body.navopen .sidebar{transform:translateX(0)}body.navopen .mobile-overlay{display:block;position:fixed;inset:0;background:#020910b8;backdrop-filter:blur(3px);z-index:45}.nav-close,.menu-btn{display:block}.main{margin-left:0}.topbar{height:68px;padding:0 14px}.top-search,.profile-chip{display:none}.content{padding:14px}.dashboard-head,.page-command{align-items:flex-start;flex-direction:column;padding:17px}.dashboard-head h2,.page-command h2{font-size:20px}.quick-actions,.page-command>div:last-child{width:100%}.quick-actions .btn,.page-command .btn{flex:1}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.form-footer{align-items:stretch;flex-direction:column;gap:10px}.form-footer .btn{width:100%}}@media(max-width:600px){.widget-grid.metrics{grid-template-columns:1fr}.metric{min-height:100px}.page-title h1{font-size:15px}.icon-btn{width:36px;height:36px}.dashboard-head p,.page-command p{line-height:1.55}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions .btn:first-child{grid-column:span 2}.pipeline-row{grid-template-columns:105px 1fr 24px}.shortcut-grid{grid-template-columns:1fr 1fr}.table-tools{align-items:stretch;flex-direction:column}.table-tools>div:last-child{justify-content:space-between}.app-footer{flex-direction:column;gap:4px}.panelhead{padding:14px}.form-grid{padding:14px}}
/* v3.2 unified professional screen system */
.content>.panel+ .panel,.content>form>section.panel+section.panel{margin-top:16px}
.panel>h3,.panel>p,.panel>form>.btn,.panel>a{margin-left:18px;margin-right:18px}
.panel>h3{margin-top:18px;margin-bottom:8px;font-size:14px}
.panel>p{margin-top:0;color:var(--muted);line-height:1.65;font-size:11px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}
.grid label,.panel form>label,.authcard label{display:grid;gap:7px;color:#8ca7c0;font-size:10px;font-weight:750;min-width:0}
.grid input,.grid select,.grid textarea,.panel form>label input,.panel form>label select,.panel form>label textarea,.aigrid textarea{width:100%;min-width:0;min-height:42px;border:1px solid #284966;border-radius:10px;background:#071827;color:#edf6ff;padding:10px 12px;outline:0}
.grid input:focus,.grid select:focus,.grid textarea:focus,.aigrid textarea:focus{border-color:#479df3;box-shadow:0 0 0 3px #3d94ec17}
.grid .btn{justify-self:end;min-width:170px}.span2{grid-column:span 2}
.user-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.table-tools>div:first-child b,.table-tools>div:first-child small{display:block}.table-tools>div:first-child b{font-size:12px}.table-tools>div:first-child small{margin-top:3px;color:#68839e;font-size:9px}
.badge.success{border-color:#256b5a;background:#0d3a32;color:#6ee0bb}
.permissiongrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 18px 18px}.permissiongrid label{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 12px;border:1px solid #1e3d59;border-radius:10px;background:#081b2d;color:#9eb5ca;font-size:10px}.permissiongrid input{accent-color:var(--brand)}
.role{display:flex;justify-content:space-between;align-items:center;margin:0 18px;padding:14px 0;border-bottom:1px solid #17334d}.role:last-child{border-bottom:0}.role b,.role small{display:block}.role b{font-size:11px}.role small{color:#68839d;font-size:9px}
.aigrid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.aigrid .panel{padding-bottom:18px}.aigrid form{padding:0 18px}.aigrid textarea{min-height:150px;resize:vertical;margin-bottom:12px}.aianswer{margin:16px 18px 0;padding:16px;border:1px solid #28557c;border-radius:12px;background:#0a2440}.aianswer b{font-size:11px}.aianswer p{margin:8px 0 0;color:#a7bed3;line-height:1.65;font-size:11px}.prompt{display:block;width:calc(100% - 36px);margin:9px 18px;padding:13px;border:1px solid #1f415f;border-radius:10px;background:#091d31;color:#a8c0d6;text-align:left;cursor:pointer}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stats article{padding:18px;border:1px solid #203f5d;border-radius:14px;background:linear-gradient(145deg,rgba(16,44,70,.94),rgba(8,25,42,.96))}.stats small,.stats strong{display:block}.stats small{color:#829bb5;font-size:10px}.stats strong{margin-top:8px;font-size:20px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cols .panel{padding-bottom:18px}.progress{display:flex;justify-content:space-between;align-items:center;margin:0 18px;padding:13px 0;border-bottom:1px solid #17334d}.progress span{color:#9eb5c9;font-size:10px}.progress b{font-size:11px}
.auth{display:grid;place-items:center;padding:24px}.authcard{width:min(430px,100%);padding:28px;border:1px solid #23445f;border-radius:18px;background:linear-gradient(145deg,#0c2136,#071726);box-shadow:0 28px 80px rgba(0,0,0,.35)}.authcard .mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#2794ff,#5856e8);font-size:21px;font-weight:900}.authcard h1{margin:18px 0 5px;font-size:23px}.authcard>p{margin:0 0 20px;color:#7e98b1}.authcard form{display:grid;gap:14px}.full{width:100%}
@media(max-width:1100px){.permissiongrid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.aigrid{grid-template-columns:1fr}}
@media(max-width:900px){.grid,.user-form{grid-template-columns:1fr}.grid .span2,.user-form .span2{grid-column:auto}.grid .btn{width:100%;justify-self:stretch}.permissiongrid{grid-template-columns:1fr}.cols{grid-template-columns:1fr}}
@media(max-width:600px){.stats{grid-template-columns:1fr}.panel>h3,.panel>p,.panel>form>.btn,.panel>a{margin-left:14px;margin-right:14px}.grid{padding:14px}.permissiongrid{padding:0 14px 14px}.role{margin:0 14px}.table-tools{gap:10px}.table-tools .search-box{width:100%}}
/* v3.3 full screen audit, notification center and AI prompt management */
.inline-form{display:inline-flex;margin:0!important}.notification-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(460px,1.28fr);gap:16px}.notification-panel{min-width:0}.notification-list{padding:8px 18px 18px}.notification-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid #173650}.notification-item:last-child{border-bottom:0}.notification-item.is-read{opacity:.66}.notification-item.is-unread{position:relative}.notification-item.is-unread:before{content:"";position:absolute;left:-18px;top:18px;width:3px;height:38px;border-radius:0 4px 4px 0;background:var(--brand)}.notification-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #285273;border-radius:11px;background:linear-gradient(145deg,#102e49,#091b2e);color:#75bcff}.notification-copy h4{margin:8px 0 5px;font-size:12px}.notification-copy p{margin:0;color:#8fa8bf;font-size:10px;line-height:1.6}.notification-meta{display:flex;align-items:center;gap:8px;color:#607e99;font-size:8px}.notification-actions{display:flex;gap:6px}.notification-actions form{margin:0}.notification-actions button{width:30px;height:30px;border:1px solid #285071;border-radius:8px;background:#0b2237;color:#75bfff;cursor:pointer}.notification-actions button.danger{color:#ff8793;border-color:#603344;background:#26151d}
.ai-workspace{align-items:start}.ai-chat-panel,.prompt-library{overflow:hidden}.ai-chat-panel form{padding:0 18px 18px}.ai-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#6f8ba4;font-size:9px}.aianswer-head{display:flex;align-items:center;gap:8px}.aianswer-head span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#174b77;color:#8dcaff}.prompt-list{display:grid;gap:9px;padding:0 18px 18px}.prompt{position:relative;margin:0;width:100%;display:grid;gap:5px;padding:14px 42px 14px 14px}.prompt:after{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#579cdc}.prompt span{color:#5ba9ee;font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.prompt b{color:#e8f3fc;font-size:11px}.prompt small{color:#819ab2;font-size:9px;line-height:1.5}.prompt-cell{max-width:520px;color:#9db3c7;line-height:1.5}.check-card{display:flex!important;align-items:center;gap:12px;padding:13px;border:1px solid #284966;border-radius:10px;background:#071827}.check-card input{width:18px!important;min-height:18px!important;accent-color:var(--brand)}.check-card b,.check-card small{display:block}.check-card b{color:#dceaf7;font-size:10px}.check-card small{margin-top:4px;color:#708ba4;font-size:8px}
[data-theme="light"]{--bg:#eef4fa;--surface:#fff;--surface2:#f6f9fc;--surface3:#eaf1f8;--line:#d4e0eb;--line2:#c5d4e3;--text:#12263a;--muted:#647b91}html[data-theme="light"] body{background:#edf3f8;color:var(--text)}html[data-theme="light"] .main,html[data-theme="light"] .content{background:transparent}html[data-theme="light"] .panel,html[data-theme="light"] .page-command,html[data-theme="light"] .topbar{background:#fff;border-color:#d6e2ed}html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#f8fbfe;color:#14283d;border-color:#cbd9e6}
@media(max-width:1180px){.notification-layout{grid-template-columns:1fr}.prompt-cell{max-width:330px}}
@media(max-width:700px){.notification-item{grid-template-columns:36px minmax(0,1fr)}.notification-icon{width:34px;height:34px}.notification-actions{grid-column:2;justify-content:flex-end}.ai-form-actions{align-items:stretch;flex-direction:column}.ai-form-actions .btn{width:100%}.prompt-cell{max-width:220px}}
/* v3.6 linked widgets, workflow modal and module-specific forms */
.metric-link{color:inherit;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.metric-link:hover{transform:translateY(-2px);border-color:#3776aa;box-shadow:0 14px 30px rgba(0,0,0,.18)}.widget-grid.metrics.five{grid-template-columns:repeat(5,minmax(0,1fr))}.field-hint{display:block;margin-top:4px;color:#66849e;font-size:8px;font-weight:500}.inline-choice{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 4px}.modal-backdrop{display:none;position:fixed;inset:0;z-index:100;background:rgba(1,8,15,.76);backdrop-filter:blur(7px);align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal-card{position:relative;width:min(720px,100%);padding:26px;border:1px solid #2b5679;border-radius:20px;background:linear-gradient(145deg,#102b45,#071725);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-card h3{margin:8px 0 6px;font-size:22px}.modal-card>p{margin:0 0 20px;color:#86a0b9;line-height:1.65}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:1px solid #315572;border-radius:10px;background:#0a2033;color:#bad0e3;font-size:20px;cursor:pointer}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid a{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:16px;border:1px solid #244967;border-radius:14px;background:#091d30;color:#dbeaf7;text-decoration:none}.choice-grid a:hover{border-color:#4b96d4;background:#0c2943}.choice-grid i{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#123c61;color:#77c0ff;font-style:normal}.choice-grid b{font-size:11px}.choice-grid small{margin-top:5px;color:#7691aa;font-size:9px}.quick-actions{flex-wrap:wrap}
@media(max-width:1450px){.widget-grid.metrics.five{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.widget-grid.metrics.five{grid-template-columns:repeat(2,1fr)}.inline-choice .btn{flex:1}.choice-grid{grid-template-columns:1fr}}@media(max-width:600px){.widget-grid.metrics.five{grid-template-columns:1fr}.modal-card{padding:20px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions>*{width:100%}.quick-actions>*:first-child{grid-column:span 2}}
.settings-tabs{position:sticky;top:70px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;margin-bottom:12px;background:rgba(6,23,38,.92);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px}.settings-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:10px}.panel-subform{margin:0 18px 18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.settings-note{padding:18px;color:var(--muted)}.recipient-checks{padding:12px;border:1px solid var(--line);border-radius:12px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.check-grid label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:9px}.check-grid small{margin-left:auto}.form-footer>div{display:flex;gap:8px}@media(max-width:800px){.check-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}}
/* v4.1 professional sales kanban */
.kanban-command{align-items:center}.kanban-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kanban-summary article{padding:16px 18px;border:1px solid #20415f;border-radius:14px;background:linear-gradient(145deg,#102b45,#081a2b);box-shadow:0 12px 28px rgba(0,0,0,.14)}.kanban-summary small,.kanban-summary strong,.kanban-summary span{display:block}.kanban-summary small{color:#7795b1;font-size:9px}.kanban-summary strong{margin-top:7px;font-size:20px}.kanban-summary span{margin-top:5px;color:#58758f;font-size:8px}.kanban-shell{border:1px solid #1f405e;border-radius:16px;background:rgba(5,18,30,.72);box-shadow:var(--shadow);overflow:hidden}.kanban-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #1d3b57;background:linear-gradient(90deg,rgba(43,111,170,.12),transparent)}.kanban-toolbar b,.kanban-toolbar small{display:block}.kanban-toolbar b{font-size:12px}.kanban-toolbar small{margin-top:4px;color:#728da7;font-size:9px}.kanban-toolbar a{color:#68b5ff;font-size:10px;font-weight:750}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,1fr);gap:12px;overflow-x:auto;padding:14px;min-height:600px}.kanban-column{display:flex;flex-direction:column;min-width:285px;border:1px solid #1c3b57;border-radius:14px;background:linear-gradient(180deg,#0b2136,#071827);overflow:hidden}.kanban-column>header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #1c3a55}.kanban-column>header>div{display:flex;align-items:center;gap:9px}.kanban-column>header i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#143c60;color:#7ac2ff;font-style:normal;font-size:9px;font-weight:900}.kanban-column>header b{font-size:11px}.kanban-count{min-width:25px;padding:5px 7px;border-radius:8px;background:#102f4a;color:#8cc9ff;text-align:center;font-size:9px;font-weight:900}.column-total{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #17334d;background:#081b2d}.column-total small{color:#66839e;font-size:8px}.column-total strong{font-size:10px}.dropzone{flex:1;min-height:450px;padding:10px;transition:.15s}.dropzone.drag-over{background:#123b5f55;box-shadow:inset 0 0 0 2px #3c91d9}.kanban-card{margin-bottom:10px;padding:13px;border:1px solid #254865;border-radius:12px;background:linear-gradient(145deg,#102b45,#0a1e31);box-shadow:0 8px 20px rgba(0,0,0,.18);cursor:grab;transition:transform .15s,border-color .15s,opacity .15s}.kanban-card:hover{transform:translateY(-2px);border-color:#4083b8}.kanban-card.dragging{opacity:.45;transform:rotate(1deg)}.card-top,.kanban-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-top span{color:#5f83a4;font-size:7px;font-weight:800}.card-top em{padding:4px 6px;border-radius:7px;background:#173650;color:#8ebbe2;font-size:7px;font-style:normal}.kanban-card h4{margin:11px 0 5px;font-size:12px;line-height:1.35}.kanban-card p{margin:0;color:#87a1b9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:grid;gap:5px;margin:12px 0;padding:9px 0;border-top:1px solid #173650;border-bottom:1px solid #173650;color:#66849e;font-size:8px}.kanban-card footer strong{font-size:12px}.kanban-card footer a{color:#65b4fa;font-size:8px;font-weight:800}.kanban-empty{display:grid;place-items:center;align-content:center;min-height:130px;padding:20px;border:1px dashed #284c69;border-radius:12px;color:#66839e;text-align:center}.kanban-empty i{font-size:20px;font-style:normal}.kanban-empty span,.kanban-empty small{display:block;margin-top:7px}.kanban-empty span{font-size:9px;font-weight:800}.kanban-empty small{font-size:8px}.kanban-empty[hidden]{display:none}
@media(max-width:1000px){.kanban-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kanban-summary{grid-template-columns:1fr}.kanban{grid-auto-columns:85vw;min-height:520px}.kanban-command{align-items:flex-start}.kanban-command>div:last-child{width:100%}.kanban-command .btn{flex:1}}
.mail-log-list{display:grid;gap:8px}.mail-log{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.mail-log b{font-size:9px}.mail-log span{font-size:10px;white-space:pre-line}.mail-log small{color:var(--muted);font-size:8px}.mail-log.success{border-color:#1e6f58}.mail-log.error{border-color:#8b3c49}.mail-log.warning{border-color:#8a6b24}
.card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #173650}.card-actions a{padding:6px 8px;border:1px solid #285273;border-radius:7px;color:#8ec9f8;font-size:7px;font-weight:800}.opportunity-layout{display:grid;gap:14px}.opportunity-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}.opportunity-stats>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.opportunity-stats small,.opportunity-stats b{display:block}.opportunity-stats small{color:var(--muted);font-size:8px}.opportunity-stats b{margin-top:7px;font-size:11px}.opportunity-description{margin:0 18px 18px;padding:14px;border:1px solid var(--line);border-radius:12px;color:#9bb0c4;line-height:1.6}.opportunity-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.action-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#102b45,#0a1e31)}.action-card b,.action-card small{display:block}.action-card b{font-size:11px}.action-card small{margin-top:6px;color:var(--muted);font-size:8px}.activity-form{display:grid;grid-template-columns:180px 1fr auto;gap:10px;padding:18px}.timeline{padding:0 18px 18px}.timeline article{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.timeline article i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#55aaff;box-shadow:0 0 0 4px #55aaff22}.timeline header{display:flex;justify-content:space-between;gap:10px}.timeline p{margin:7px 0 0;color:#91a8bc;line-height:1.55}.timeline small{color:var(--muted)}
@media(max-width:900px){.opportunity-stats,.opportunity-actions{grid-template-columns:repeat(2,1fr)}.activity-form{grid-template-columns:1fr}}@media(max-width:600px){.opportunity-stats,.opportunity-actions{grid-template-columns:1fr}}
.card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #173650}.card-actions a{padding:6px 8px;border:1px solid #285273;border-radius:7px;color:#8ec9f8;font-size:7px;font-weight:800}.opportunity-layout{display:grid;gap:14px}.opportunity-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}.opportunity-stats>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.opportunity-stats small,.opportunity-stats b{display:block}.opportunity-stats small{color:var(--muted);font-size:8px}.opportunity-stats b{margin-top:7px;font-size:11px}.opportunity-description{margin:0 18px 18px;padding:14px;border:1px solid var(--line);border-radius:12px;color:#9bb0c4;line-height:1.6}.opportunity-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.action-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#102b45,#0a1e31)}.action-card b,.action-card small{display:block}.action-card b{font-size:11px}.action-card small{margin-top:6px;color:var(--muted);font-size:8px}.activity-form{display:grid;grid-template-columns:180px 1fr auto;gap:10px;padding:18px}.timeline{padding:0 18px 18px}.timeline article{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.timeline article i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#55aaff;box-shadow:0 0 0 4px #55aaff22}.timeline header{display:flex;justify-content:space-between;gap:10px}.timeline p{margin:7px 0 0;color:#91a8bc;line-height:1.55}.timeline small{color:var(--muted)}
@media(max-width:900px){.opportunity-stats,.opportunity-actions{grid-template-columns:repeat(2,1fr)}.activity-form{grid-template-columns:1fr}}@media(max-width:600px){.opportunity-stats,.opportunity-actions{grid-template-columns:1fr}}

.notification-bell{position:relative}.notification-bell b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ef5350;color:#fff;font-size:10px;display:grid;place-items:center}
.approval-popup{position:fixed;inset:0;z-index:9999;background:rgba(2,9,18,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.approval-dialog{width:min(560px,100%);background:linear-gradient(145deg,#0b2236,#071826);border:1px solid #2b5575;border-radius:20px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.approval-dialog>span{font-size:12px;letter-spacing:2px;color:#65b7ff}.approval-dialog h3{font-size:25px;margin:8px 0}.approval-dialog p{color:#a9c1d6;line-height:1.6}.approval-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.approval-actions form{display:inline-flex}.btn.danger{border-color:#7f3340;color:#ff9dac;background:#341621}.native-picker{cursor:pointer;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.85}
.row-actions .kanban-send{border-color:#277fc0;color:#8ed1ff;background:#0a2940}.row-actions .kanban-send:hover{background:#113d5d}.approval-actions a,.approval-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.approval-dialog{position:relative}.approval-dialog:before{content:'ONAY İŞLEMİ';position:absolute;right:22px;top:20px;font-size:10px;letter-spacing:1.4px;color:#6f99b9}

.approved-edit-warning{margin:18px 18px 0;padding:16px 18px;border:1px solid #a66d1d;background:linear-gradient(135deg,#3a260b,#1d170e);border-radius:14px;color:#ffe0a0}.approved-edit-warning b{display:block;font-size:16px;margin-bottom:6px}.approved-edit-warning p{margin:0;color:#e8c987;line-height:1.55}.approval-change-info{display:grid;gap:7px;margin-top:14px;padding:13px;border:1px solid #315b78;border-radius:12px;background:#071522}.approval-change-info span{display:block;color:#b8cde0;font-size:13px}.btn.warning{border-color:#9b6b1f;background:#3a280d;color:#ffd985}.document-approval-lock{max-width:780px;margin:12px auto;padding:13px 16px;border:1px solid #9b6b1f;border-radius:12px;background:#fff4d4;color:#5c3a00;font-weight:700}.toolbar .disabled-action{opacity:.55;cursor:not-allowed;background:#b8bec8!important;color:#4e5662!important}.approval-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1;font-size:48px;font-weight:900;letter-spacing:6px;color:rgba(170,40,40,.08);transform:rotate(-28deg)}

.notification-link-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.notification-link-actions .btn{padding:7px 10px;font-size:12px}.notification-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.notification-actions button{min-width:42px}.notification-actions .approve{background:#167d55;color:#fff}.notification-actions .warning{background:#8a6814;color:#fff}.document-approval-lock{max-width:210mm;margin:0 auto 10px;padding:10px 14px;background:#fff3cd;color:#715300;border:1px solid #f0d98a;border-radius:10px;font-weight:700}.approval-watermark{position:absolute;inset:42% auto auto 12%;transform:rotate(-28deg);font-size:42px;font-weight:900;color:#a51d1d18;letter-spacing:6px;z-index:2;pointer-events:none}