:root{--bg:#07111f;--side:#091525;--panel:#0e1d30;--line:rgba(255,255,255,.08);--text:#f5f8fc;--muted:#91a4ba;--accent:#2ca9ff;--shadow:0 22px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 70% 0,#142c4d 0,#07111f 38%);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}
aside#sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#091525,#050d18);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand>b,.user>span{display:grid;place-items:center;background:linear-gradient(145deg,#39b8ff,#425dff);border-radius:15px}.brand>b{width:46px;height:46px;font-size:22px}.brand span,.user small{display:block;color:var(--muted);font-size:12px}.brand strong{letter-spacing:.08em}nav{display:flex;flex-direction:column;gap:8px}nav a{padding:12px 14px;border-radius:14px;color:#b6c5d6}nav a:hover,nav a.active{background:rgba(44,169,255,.14);color:white}.user{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;gap:10px;align-items:center}.user>span{width:38px;height:38px}
main{margin-left:250px;flex:1;min-width:0}header{height:76px;position:sticky;top:0;z-index:10;display:flex;gap:14px;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.76);backdrop-filter:blur(18px)}header input{width:min(520px,60vw);padding:11px 14px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:white}.system{margin-left:auto;color:var(--muted);font-size:13px}#menuBtn{display:none;background:none;border:0;color:white;font-size:22px}.page{padding:30px}
.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.hero>div>span{font-size:12px;letter-spacing:.16em;color:#4db9ff;font-weight:800}.hero h1{font-size:34px;margin:6px 0}.hero p,.panel-head p{margin:0;color:var(--muted)}
.btn{display:inline-block;border:1px solid var(--line);background:rgba(255,255,255,.06);color:white;border-radius:13px;padding:11px 16px;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,#28aaff,#5667ff);border:0;box-shadow:0 14px 28px rgba(38,133,255,.24)}.btn.danger{background:#63202b}.btn.full{width:100%;margin-top:14px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric,.panel{background:linear-gradient(145deg,rgba(18,37,60,.9),rgba(9,23,39,.9));border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow)}.metric{padding:19px;display:flex;gap:15px;align-items:center}.metric i,.cube{font-style:normal;display:grid;place-items:center;background:linear-gradient(145deg,#279ff0,#354da8);box-shadow:inset 0 1px rgba(255,255,255,.25),0 12px 24px rgba(0,0,0,.25)}.metric i{width:54px;height:54px;border-radius:18px;font-size:23px}.metric small,.metric span{display:block;color:var(--muted)}.metric b{display:block;font-size:24px;margin:4px 0}
.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2{margin:0}.op-row{display:grid;grid-template-columns:46px minmax(0,1.5fr) minmax(120px,.6fr) 100px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;margin-top:10px;background:rgba(255,255,255,.02)}.op-row:hover{border-color:rgba(67,178,255,.35)}.cube{width:43px;height:43px;border-radius:14px}.op-row p,.op-row small,.right span{margin:4px 0 0;color:var(--muted);font-size:12px}.right{text-align:right}.right span{display:block}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:rgba(44,169,255,.12);color:#75caff;border:1px solid rgba(44,169,255,.2);font-size:11px;margin-left:7px}.badge.big{font-size:13px;padding:8px 12px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;color:var(--muted)}td span{font-size:12px;color:var(--muted)}tbody tr{cursor:pointer}tbody tr:hover{background:rgba(255,255,255,.025)}
.modal{display:none;position:fixed;inset:0;background:rgba(1,7,13,.78);backdrop-filter:blur(8px);z-index:50;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{width:min(850px,96vw);max-height:90vh;overflow:auto;background:#0d1b2d;border:1px solid var(--line);border-radius:24px;padding:22px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0}.modal-head p{color:var(--muted)}.modal-head button{background:none;border:0;color:white;font-size:28px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:13px;color:#c8d4e2}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;padding:11px;border-radius:12px;border:1px solid var(--line);background:#081523;color:white}.form-grid textarea{min-height:95px}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px}.check{display:flex;gap:9px;align-items:center;padding-top:24px}.check input{width:auto;margin:0}.profit-box{padding:12px;border-radius:14px;background:rgba(44,169,255,.1);border:1px solid rgba(44,169,255,.18)}.profit-box span,.profit-box b{display:block}.profit-box span{color:var(--muted);font-size:12px}.profit-box b{font-size:22px;margin-top:5px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.upload-box{display:grid;grid-template-columns:1fr;gap:10px;padding:14px;border:1px dashed rgba(89,190,255,.35);border-radius:15px}.upload-box select,.upload-box input{background:#081523;color:white;border:1px solid var(--line);padding:10px;border-radius:11px}.doc-list{margin-top:14px}.doc-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.doc-row span{display:block;color:var(--muted);font-size:12px}.doc-row>div:last-child{display:flex;gap:10px;align-items:center}.doc-row button{border:0;background:none;color:#ff818b;cursor:pointer}.warning,.notice{padding:14px;border-radius:14px;margin-top:14px}.warning{background:rgba(242,184,75,.11);border:1px solid rgba(242,184,75,.24)}.notice{background:rgba(56,217,150,.12);border:1px solid rgba(56,217,150,.25);margin-bottom:16px}.muted{color:var(--muted)}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){aside#sidebar{transform:translateX(-100%);transition:.2s}aside#sidebar.open{transform:none}main{margin-left:0}#menuBtn{display:block}.page{padding:20px}header{padding:0 16px}.system{display:none}.hero{align-items:flex-start}.hero h1{font-size:28px}.metrics{grid-template-columns:1fr}.op-row{grid-template-columns:44px 1fr}.op-row .right{display:none}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}

.hero-actions{display:flex;gap:10px}.metric.secure{background:linear-gradient(145deg,rgba(66,50,103,.7),rgba(15,25,44,.9))}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-card{padding:20px;background:linear-gradient(145deg,rgba(18,38,62,.9),rgba(8,22,38,.9));border:1px solid var(--line);border-radius:22px}.module-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#279ff0,#3b4db3);font-size:23px}.cmr-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.paper{background:#fafafa;color:#111;border-radius:10px;padding:18px;min-height:620px}.paper-head{display:flex;justify-content:space-between;font-size:24px;border-bottom:2px solid #111}.paper-box{border:1px solid #222;border-top:0;padding:10px;min-height:90px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:420px;background:#0e1d30;border:1px solid var(--line);border-radius:24px;padding:30px}.login-logo{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#39b8ff,#4757ff);font-size:30px}.login-card input{display:block;width:100%;margin:7px 0 14px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#071422;color:white}@media(max-width:1000px){.module-grid{grid-template-columns:1fr 1fr}.cmr-grid{grid-template-columns:1fr}}

.owner-chip{display:inline-block;margin-top:6px;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#243b6b;font-weight:700}
.owner-banner{display:inline-block;margin:8px 0;padding:9px 14px;border-radius:10px;background:#0f2747;color:white;letter-spacing:.4px}
.notice.success{padding:12px 15px;margin-bottom:14px;border-radius:10px;background:#e9f8ee;color:#176b36;border:1px solid #bce3c8}
.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.source-grid>div{padding:9px 11px;border:1px solid #dfe5ef;border-radius:8px;display:flex;flex-direction:column}
.source-grid span{font-size:12px;color:#64748b;margin-top:4px}

.notice.conflict{padding:14px 16px;margin-bottom:14px;border:1px solid #f0b4b4;border-radius:10px;background:#fff0f0;color:#8f1d1d}
.conflict-row{display:flex;flex-direction:column;margin:10px 0;padding:10px;background:white;border-radius:8px}
.conflict-row span{font-size:13px;margin-top:4px}
.wide{grid-column:1/-1}

.btn.ai{background:linear-gradient(135deg,#512bd4,#1c79d8);color:white;border:0}
.btn.ai:disabled{opacity:.45;cursor:not-allowed}
.button-row{display:flex;gap:10px;flex-wrap:wrap}
.ai-review{border:1px solid #cdd7ff}
.confidence{padding:7px 11px;border-radius:999px;background:#e8edff;color:#263c96;font-weight:800}
.source-grid small{margin-top:5px;color:#475569;line-height:1.35}
code{padding:2px 5px;background:#f1f5f9;border-radius:4px}
.btn.danger{background:rgba(255,70,85,.12);color:#ff9098;border:1px solid rgba(255,70,85,.3);padding:6px 10px}.doc-select{display:block;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.doc-select input{width:auto;margin-right:8px}.doc-select span{display:block;color:var(--muted);font-size:12px;margin:5px 0 0 24px}
.invoice-alert{display:inline-block;padding:9px 12px;border-radius:8px;font-weight:900;white-space:nowrap}.invoice-alert.missing,.invoice-check.missing{background:#fee2e2;color:#991b1b;border:2px solid #dc2626}.invoice-alert.done,.invoice-check.done{background:#dcfce7;color:#166534;border:2px solid #16a34a}.invoice-check{padding:18px!important;border-radius:12px;display:flex!important;flex-direction:column;gap:6px;font-size:16px}.expiry-over{background:#b91c1c!important;color:white!important;font-weight:900}.expiry-soon{background:#fee2e2!important;color:#991b1b!important;font-weight:900}.ai-working{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center}.ai-working[hidden]{display:none}.spinner{width:58px;height:58px;border:6px solid rgba(255,255,255,.25);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.progress{width:min(420px,80vw);height:10px;background:rgba(255,255,255,.25);border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;width:35%;background:white;animation:move 1.4s infinite ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes move{0%{transform:translateX(-120%)}100%{transform:translateX(380%)}}

.invoice-alert.missing,.invoice-check.missing{box-shadow:0 0 0 4px rgba(220,38,38,.12)}
.invoice-alert.done,.invoice-check.done{box-shadow:0 0 0 4px rgba(22,163,74,.10)}
.invoice-check input[type=checkbox]{width:22px;height:22px;accent-color:#16a34a}
.ai-working h3{font-size:24px;margin:18px 0 6px}.ai-working p{font-size:16px;margin:0 0 16px}.ai-working small{margin-top:12px;opacity:.9}

.mail-body{white-space:pre-wrap;line-height:1.55;background:#081523;border:1px solid var(--line);padding:16px;border-radius:14px;max-height:620px;overflow:auto}.badge.mail-quote{background:rgba(56,217,150,.15);color:#72e4af;border-color:rgba(56,217,150,.35)}
.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:16px}.stat span{display:block;color:#667085;font-size:13px}.stat b{font-size:24px;display:block;margin-top:6px}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}}
/* v4.4 Professional UI */
:root{--bg:#f4f7fb;--side:#0b1f36;--panel:#fff;--line:#dfe6ef;--text:#162235;--muted:#6d7b8f;--accent:#1478c8;--accent2:#0f5f9e;--shadow:0 10px 32px rgba(28,50,79,.08)}
body{background:var(--bg);color:var(--text)}aside#sidebar{width:264px;background:linear-gradient(180deg,#0b2038,#071526);border-right:0;padding:22px 16px;box-shadow:8px 0 30px rgba(7,21,38,.12)}main{margin-left:264px}.brand{padding:0 8px 20px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09)}.brand>b{background:#fff;color:#0b2745;border-radius:12px;box-shadow:none}.brand strong{color:#fff}.brand span{color:#8da4bd}.nav-label{font-size:10px;font-weight:800;letter-spacing:.18em;color:#63809e;margin:20px 12px 8px}nav{gap:4px}nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#a9bbce;font-size:14px}nav a i{font-style:normal;width:22px;text-align:center;font-size:17px}nav a:hover{background:rgba(255,255,255,.06)}nav a.active{background:linear-gradient(90deg,rgba(30,133,211,.28),rgba(30,133,211,.08));color:#fff;box-shadow:inset 3px 0 #3aa9ff}.user{color:#fff}.user>span{background:#1d74b8;border-radius:10px}.user>a{margin-left:auto;color:#93a8bd;font-size:20px}header{height:72px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(27,45,68,.04)}.search-wrap{width:min(560px,65vw);display:flex;align-items:center;border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:0 12px}.search-wrap span{color:#8796a8;font-size:18px}.search-wrap input{width:100%;border:0;background:transparent;color:var(--text);outline:0}.system{color:#526276}.system i,.ai-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#21a366;margin-right:7px;box-shadow:0 0 0 4px rgba(33,163,102,.12)}.page{padding:28px 32px}.hero{margin-bottom:20px}.hero>div>span{color:var(--accent);letter-spacing:.14em}.hero h1{color:#142238;font-size:32px;letter-spacing:-.03em}.hero p{color:var(--muted)}.panel,.metric,.module-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.panel{padding:20px}.btn{background:#fff;color:#34445a;border:1px solid #d6dee8;border-radius:9px;padding:10px 14px;box-shadow:0 1px 2px rgba(20,34,53,.03)}.btn:hover{border-color:#aac4dc;background:#f8fbfe}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 18px rgba(20,120,200,.2)}.table-wrap{border:1px solid #e4eaf1;border-radius:12px}table{background:#fff}th{background:#f7f9fc;color:#65758a;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:11px}th,td{border-bottom:1px solid #e8edf3}tbody tr:hover{background:#f5f9fd}.badge{background:#edf5fc;color:#17649d;border-color:#cfe4f4;font-weight:700}.badge.mail-quote{background:#eaf8f0;color:#167047;border-color:#bee8d0}.owner-chip{background:#eef4fa;color:#285174}.modal{background:rgba(7,20,35,.62)}.modal-card{background:#fff;color:var(--text);border:0;box-shadow:0 30px 80px rgba(5,20,36,.25)}.modal-head button{color:#526276}.form-grid input,.form-grid select,.form-grid textarea,.upload-box select,.upload-box input{background:#fff;color:var(--text);border:1px solid #d5dee8}.form-grid label{color:#435268;font-weight:600}.subnav{align-items:center}.ai-status{margin-left:auto;color:#587086;font-size:13px;padding:8px 11px;background:#f2f8f5;border:1px solid #d8eadf;border-radius:9px}.source-note{display:block;margin-top:5px;color:#6f8296}.stats .stat{box-shadow:var(--shadow)}
@media(max-width:760px){main{margin-left:0}.page{padding:20px}.ai-status{width:100%;margin-left:0}}

/* v4.4.1 operation/quote actions */
.row-actions{white-space:nowrap;min-width:230px}.row-actions form{display:inline-block;margin:2px}.row-actions .btn{margin:2px}.btn.small{padding:7px 10px;font-size:12px}.btn.success{background:#eaf8f0;color:#13734a;border-color:#b9e4cc}.btn.success:hover{background:#dff4e8}.completed-badge{background:#eaf8f0;color:#13734a;border-color:#b9e4cc}.operation-tabs .btn b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(24,83,132,.1)}.operation-tabs .btn.primary b{background:rgba(255,255,255,.22)}
.vehicle-card{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f9fbfd}.vehicle-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.vehicle-card-head h3{margin:0}.vehicle-section{padding:8px 12px;background:#eef5fb;border-left:4px solid var(--accent);border-radius:8px}.vehicle-section h3,.vehicle-section h4{margin:0}.inline-add{display:flex;gap:8px;align-items:center}.inline-add input{width:80px;padding:10px;border:1px solid var(--line);border-radius:9px}.muted{color:var(--muted)}

/* Kocaman ERP Professional Navigation & Dashboard */
:root{
  --pro-bg:#06111f;--pro-side:#061425;--pro-panel:#0b1b2e;--pro-panel2:#0e2138;
  --pro-line:rgba(151,183,218,.15);--pro-text:#f7faff;--pro-muted:#8ca1b9;
  --pro-blue:#1689ff;--pro-green:#20c878;--pro-purple:#8b5cf6;--pro-orange:#ff7a18;
}
body{background:radial-gradient(circle at 72% 0,#102d4f 0,#06111f 42%,#040c16 100%)!important;color:var(--pro-text)!important}
aside#sidebar{width:286px!important;background:linear-gradient(180deg,#06182c 0,#04101e 100%)!important;border-right:1px solid rgba(105,151,196,.18)!important;padding:18px 16px!important;overflow-y:auto;overflow-x:hidden}
main{margin-left:286px!important}.brand{padding:0 4px 18px!important;margin-bottom:10px!important;position:relative}.brand>b{width:54px!important;height:54px!important;background:#fff!important;color:#09213d!important;border-radius:14px!important;font-size:25px!important}.brand strong{font-size:22px!important}.brand span{font-size:14px!important}.sidebar-collapse{margin-left:auto;width:32px;height:32px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.04);color:#b8cae0;font-size:21px;cursor:pointer}
.pro-nav{gap:7px!important}.nav-home{background:linear-gradient(90deg,rgba(22,137,255,.22),rgba(22,137,255,.06));border:1px solid rgba(43,155,255,.35);font-weight:700;color:#fff!important;margin-bottom:5px}.nav-home .nav-icon{background:#1689ff;border-radius:8px;padding:5px}
.nav-group{border-bottom:1px solid rgba(255,255,255,.07);padding:3px 0 8px}.nav-group-title{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#bacbe0;padding:10px 10px 8px;cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.04em}.nav-group-title span{display:flex;align-items:center;gap:10px}.nav-group-title b{font-size:15px;transition:.2s}.nav-group.open .nav-group-title b{transform:rotate(180deg)}.nav-group-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:white;font-style:normal;font-size:17px}.nav-group-icon.operations{background:linear-gradient(145deg,#1587ff,#2062d4)}.nav-group-icon.ai{background:linear-gradient(145deg,#9b62ff,#6240d9)}.nav-group-icon.fleet{background:linear-gradient(145deg,#24c879,#10985a)}.nav-group-icon.supply{background:linear-gradient(145deg,#ff8133,#de5415)}.nav-group-icon.finance{background:linear-gradient(145deg,#e9b72b,#b9820f)}.nav-group-icon.reports{background:linear-gradient(145deg,#18b8d8,#147ab2)}
.nav-group-items{display:none;padding:0 4px 3px}.nav-group.open .nav-group-items{display:block}.nav-group-items a{min-height:42px;padding:9px 12px!important;border-radius:9px!important;font-size:14px!important}.nav-group-items a i{width:24px!important;color:#8fa8c3}.nav-group-items a.active{background:rgba(22,137,255,.15)!important;box-shadow:inset 3px 0 #32a9ff!important}
.pro-user{margin-top:18px!important;padding:16px 8px 4px!important}.pro-user>span{background:linear-gradient(145deg,#365b80,#203951)!important}
.pro-header{height:82px!important;background:rgba(4,14,26,.82)!important;border-bottom:1px solid rgba(118,157,194,.14)!important;color:white!important}.header-title{display:flex;flex-direction:column;min-width:235px}.header-title b{font-size:18px}.header-title small{color:#88a0b9;margin-top:3px}.pro-header .search-wrap{margin-left:auto;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}.pro-header .search-wrap input{color:white!important}.pro-header .system{color:#a7bad0!important}
.page{padding:28px 32px!important}.panel{background:linear-gradient(145deg,rgba(12,31,52,.97),rgba(7,23,40,.97))!important;border:1px solid var(--pro-line)!important;color:white!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important}.panel h1,.panel h2,.panel h3,.panel b{color:white}.panel p,.panel small{color:var(--pro-muted)}
.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-welcome>div>span{font-size:11px;letter-spacing:.16em;color:#39a9ff;font-weight:900}.dashboard-welcome h1{font-size:30px;margin:6px 0;color:white}.dashboard-welcome p{margin:0;color:var(--pro-muted)}.dashboard-new{padding:12px 18px!important}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi-card{min-height:142px;border-radius:16px;padding:20px;display:flex;align-items:flex-start;gap:16px;border:1px solid var(--pro-line);box-shadow:0 18px 42px rgba(0,0,0,.18);transition:.2s;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-3px);border-color:rgba(99,178,255,.4)}.kpi-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-38px;bottom:-48px;background:rgba(255,255,255,.045)}.kpi-card.blue{background:linear-gradient(145deg,#0b2a4c,#09203a)}.kpi-card.green{background:linear-gradient(145deg,#093c36,#082825)}.kpi-card.purple{background:linear-gradient(145deg,#25214f,#171b3b)}.kpi-card.orange{background:linear-gradient(145deg,#38261d,#211b1a)}.kpi-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;font-size:23px;color:white}.blue .kpi-icon{background:linear-gradient(145deg,#2196ff,#1659d9)}.green .kpi-icon{background:linear-gradient(145deg,#34d884,#0c9b59)}.purple .kpi-icon{background:linear-gradient(145deg,#9d66ff,#6337d4)}.orange .kpi-icon{background:linear-gradient(145deg,#ff8a1f,#df4f0f)}.kpi-card b{font-size:26px;display:block;color:white}.kpi-card span{display:block;color:#d4deeb;margin:6px 0 15px}.kpi-card small{font-weight:700}.blue small{color:#39a9ff}.green small{color:#42df90}.purple small{color:#b984ff}.orange small{color:#ff963e}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:18px}.dashboard-main-panel,.quick-panel,.ai-summary-card{padding:20px!important}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.section-head h2{margin:0;font-size:18px}.section-head p{margin:4px 0 0;color:var(--pro-muted)}
.pro-operation-list{display:grid;gap:8px}.pro-op-row{display:grid;grid-template-columns:44px minmax(0,1fr) 180px;gap:13px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);transition:.2s}.pro-op-row:hover{background:rgba(30,133,211,.09);border-color:rgba(57,169,255,.24)}.pro-op-icon{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,#1689ff,#2458d6);border-radius:11px}.pro-op-main>div{display:flex;gap:8px;align-items:center}.pro-op-main p{margin:5px 0 3px}.pro-op-main small{color:var(--pro-muted)}.pro-op-side{text-align:right}.pro-op-side b,.pro-op-side span{display:block}.pro-op-side span{color:var(--pro-muted);font-size:12px;margin-top:4px}.dashboard-side{display:grid;gap:18px;align-content:start}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:13px 7px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);font-size:12px;transition:.2s}.quick-grid a:hover{transform:translateY(-2px);background:rgba(255,255,255,.055)}.quick-grid i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;font-style:normal;font-size:20px}.q-blue{background:#0c4d8e}.q-green{background:#0e6f48}.q-purple{background:#513695}.q-yellow{background:#926912}.q-orange{background:#a84212}.q-cyan{background:#08718a}
.ai-summary-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.ai-summary-head>i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#9d64ff,#5e36d4);font-style:normal;font-size:22px}.ai-summary-head h2{margin:0}.ai-summary-head p{margin:4px 0 0}.ai-summary-links{display:grid;gap:7px}.ai-summary-links a{display:flex;justify-content:space-between;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065)}.ai-summary-links a:hover{background:rgba(137,91,246,.12)}.empty-state{text-align:center;padding:35px;color:var(--pro-muted)}
body.sidebar-mini aside#sidebar{width:82px!important}body.sidebar-mini main{margin-left:82px!important}body.sidebar-mini .brand>div,body.sidebar-mini .pro-nav span:not(.nav-group-title span),body.sidebar-mini .nav-group-title span:not(.nav-group-icon),body.sidebar-mini .nav-group-title>b,body.sidebar-mini .pro-user>div,body.sidebar-mini .pro-user>a{display:none}body.sidebar-mini .brand{justify-content:center}body.sidebar-mini .brand>b{width:46px!important;height:46px!important}body.sidebar-mini .sidebar-collapse{position:absolute;right:-2px;top:8px;width:24px;height:24px}body.sidebar-mini .nav-group-title{justify-content:center;padding:7px 0}body.sidebar-mini .nav-group-items{display:block}body.sidebar-mini nav a{justify-content:center;padding:10px!important}body.sidebar-mini nav a i{font-size:18px}
@media(max-width:1180px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){aside#sidebar{width:286px!important}main{margin-left:0!important}.header-title{display:none}.page{padding:20px!important}.dashboard-welcome{align-items:flex-start;gap:15px}.dashboard-kpis{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.pro-op-row{grid-template-columns:40px 1fr}.pro-op-side{grid-column:2;text-align:left}.sidebar-collapse{display:none}}

/* KOCAMAN OPERATION NAVY ORANGE FORM V1 */
.operation-main-form,
.operation-vehicles-panel {
  background: linear-gradient(145deg, #0a1d31 0%, #071728 100%) !important;
  border: 1px solid rgba(240, 106, 18, .34) !important;
  color: #f7fafc !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .20) !important;
}

.operation-main-form label,
.operation-vehicle-card label {
  color: #f06a12 !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}

.operation-main-form label > small,
.operation-vehicle-card label > small {
  color: #91a6bc !important;
  font-weight: 500 !important;
}

.operation-main-form input,
.operation-main-form select,
.operation-main-form textarea,
.operation-vehicle-card input,
.operation-vehicle-card select,
.operation-vehicle-card textarea,
.operation-vehicles-panel .inline-add input {
  background: linear-gradient(180deg, #11171e 0%, #0b1118 100%) !important;
  color: #ffffff !important;
  border: 1px solid #f06a12 !important;
  border-radius: 11px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 138, 52, .05) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.operation-main-form input::placeholder,
.operation-main-form textarea::placeholder,
.operation-vehicle-card input::placeholder,
.operation-vehicle-card textarea::placeholder {
  color: #8798aa !important;
  opacity: 1;
}

.operation-main-form input:focus,
.operation-main-form select:focus,
.operation-main-form textarea:focus,
.operation-vehicle-card input:focus,
.operation-vehicle-card select:focus,
.operation-vehicle-card textarea:focus,
.operation-vehicles-panel .inline-add input:focus {
  outline: none !important;
  border-color: #ff8b32 !important;
  background: #14191f !important;
  box-shadow: 0 0 0 3px rgba(240, 106, 18, .18), 0 7px 20px rgba(0, 0, 0, .18) !important;
}

.operation-main-form input:disabled,
.operation-vehicle-card input:disabled {
  background: #132337 !important;
  color: #9fb2c5 !important;
  border-color: #52677e !important;
  opacity: 1 !important;
}

.operation-vehicle-card {
  margin: 16px 0 !important;
  padding: 18px !important;
  background: radial-gradient(circle at 100% 0, rgba(240, 106, 18, .08), transparent 30%), linear-gradient(145deg, #0c2035, #081827) !important;
  border: 1px solid rgba(240, 106, 18, .36) !important;
  border-radius: 16px !important;
  color: #fff !important;
}

.operation-vehicle-card .vehicle-card-head {
  border-bottom: 1px solid rgba(240, 106, 18, .25) !important;
}

.operation-vehicle-card .vehicle-card-head h3,
.operation-vehicles-panel .panel-head h2 {
  color: #f06a12 !important;
}

.operation-vehicle-card .vehicle-section {
  background: linear-gradient(90deg, rgba(240, 106, 18, .15), rgba(240, 106, 18, .035)) !important;
  border-left: 4px solid #f06a12 !important;
  color: #f06a12 !important;
}

.operation-vehicle-card .vehicle-section h4 {
  color: #f06a12 !important;
  font-weight: 900 !important;
}

.operation-main-form .btn.primary,
.operation-vehicles-panel .btn.primary,
.operation-vehicle-card .btn.primary {
  background: linear-gradient(135deg, #ff7a1a, #d94b08) !important;
  color: #fff !important;
  border: 1px solid #ff8b32 !important;
  box-shadow: 0 8px 20px rgba(218, 75, 8, .25) !important;
}

.operation-main-form .btn.primary:hover,
.operation-vehicles-panel .btn.primary:hover,
.operation-vehicle-card .btn.primary:hover {
  background: linear-gradient(135deg, #ff8d38, #e95b11) !important;
  transform: translateY(-1px);
}

.operation-vehicle-card .btn.danger {
  background: rgba(240, 106, 18, .06) !important;
  color: #ff9148 !important;
  border: 1px solid rgba(240, 106, 18, .55) !important;
}

.operation-vehicles-panel > .panel-head p,
.operation-vehicles-panel .muted {
  color: #91a6bc !important;
}

.operation-main-form input:-webkit-autofill,
.operation-main-form input:-webkit-autofill:hover,
.operation-main-form input:-webkit-autofill:focus,
.operation-vehicle-card input:-webkit-autofill,
.operation-vehicle-card input:-webkit-autofill:hover,
.operation-vehicle-card input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #11171e inset !important;
  border: 1px solid #f06a12 !important;
}

.operation-main-form input[type="date"],
.operation-main-form select,
.operation-vehicle-card input[type="date"],
.operation-vehicle-card select {
  color-scheme: dark;
}

@media (max-width: 760px) {
  .operation-main-form,
  .operation-vehicle-card {
    padding: 14px !important;
  }
}