:root{
  --navy:#241b3f;--navy2:#312555;--navy3:#473772;--paper:#f5f6fa;--white:#fff;
  --ink:#222431;--muted:#717588;--purple:#6f50b5;--purple-dark:#563b98;--teal:#18a7a0;
  --orange:#e49442;--red:#c6535e;--line:#e4e5ed;--soft:#f0eef8;
  --shadow:0 10px 30px rgba(36,27,63,.08);--shadow-raised:0 18px 48px rgba(36,27,63,.14)
}
body{background:var(--paper);color:var(--ink)}
.shell{grid-template-columns:248px minmax(0,1fr);background:var(--paper)}
.sidebar{width:248px;background:linear-gradient(180deg,#241b3f 0%,#2b2049 58%,#211a38 100%);padding:20px 14px;box-shadow:8px 0 30px rgba(29,22,52,.08)}
.brand{min-height:66px;padding:0 10px 20px;border-color:#ffffff18}
.brand .logo{width:42px;height:42px;border:0;border-radius:12px;margin:0;background:linear-gradient(145deg,#7356bc,#19aaa4);color:#fff;box-shadow:0 8px 22px #0003}
.brand b{font-size:15px;letter-spacing:.01em}.brand span{font-size:10px;color:#b8afcf;margin-top:3px;display:block}
.sidebar nav{padding:13px 0 20px}.nav-label{color:#81789c;padding:19px 13px 7px;font-size:9px;letter-spacing:.15em}
.nav-item{position:relative;justify-content:flex-start;gap:11px;min-height:41px;margin:2px 0;padding:10px 12px;color:#c8c2d8;border-radius:10px;font-size:12px;transition:.15s ease}
.nav-item::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#81789c;flex:0 0 auto}
.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{background:linear-gradient(90deg,#765bc1aa,#6850ad55);color:#fff;box-shadow:none}
.nav-item.active::after{content:"";position:absolute;right:0;width:3px;height:22px;border-radius:3px;background:#38c3bb}.nav-item.active::before{background:#38c3bb;box-shadow:0 0 0 4px #38c3bb1f}
.nav-item small{display:none}.side-foot{display:none}
.topbar{height:78px;padding:0 28px;background:#fff;border-color:var(--line);box-shadow:0 3px 18px rgba(36,27,63,.03)}
.topbar p{color:#8a8d9b;font-size:10px;letter-spacing:.03em}.topbar h1{font-size:23px;letter-spacing:-.025em}
.identity{gap:12px}.identity::before{content:"";width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#6f50b5,#18a7a0)}
.identity b{font-size:12px}.identity span{font-size:9px;margin-top:2px}.identity .btn{padding:8px 11px}
.content{padding:26px 30px 42px;max-width:1640px}
.toolbar{margin-bottom:16px}.toolbar h2{font-size:21px;letter-spacing:-.02em}.toolbar p{font-size:12px;line-height:1.55;max-width:760px}
.btn{min-height:38px;border-radius:9px;padding:9px 14px;font-size:11px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--purple),var(--purple-dark));box-shadow:0 7px 16px rgba(95,67,164,.2)}
.btn.primary:hover{background:linear-gradient(135deg,#795bc2,#5e419e)}.btn.ghost{background:#f0f1f5;color:#46495a}.btn.ghost:hover{background:#e8e9f0}
.card{border:1px solid #e8e8ef;border-radius:14px;box-shadow:var(--shadow)}
.stats{gap:14px;margin-bottom:18px}.stat{position:relative;overflow:hidden;padding:18px 19px;min-height:115px}.stat::after{content:"";position:absolute;right:-14px;top:-18px;width:70px;height:70px;border-radius:50%;background:#6f50b50d}
.stat span{font-size:9px;letter-spacing:.08em}.stat b{font-size:31px;letter-spacing:-.04em}.stat em{color:#767a8d}.stat:nth-child(1){border-top:3px solid #6f50b5}.stat:nth-child(2){border-top:3px solid #e49442}.stat:nth-child(3){border-top:3px solid #18a7a0}.stat:nth-child(4){border-top:3px solid #3c83c8}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:16px}.card-head{padding:15px 18px}.card-head h3{font-size:14px}.card-body{padding:17px}
.table-wrap{border-radius:14px}.table-wrap th{background:#fafafe;color:#7a7e90;padding:11px 14px}.table-wrap td{padding:12px 14px}.table-wrap tbody tr{transition:background .12s}.table-wrap tbody tr:hover{background:#f8f7fc}
.chip{padding:4px 8px;background:#eeedf4;color:#65697b}.chip.ok{background:#e0f4f1;color:#10766f}.chip.warn{background:#fff0dc;color:#995f17}.chip.danger{background:#f9e4e6;color:#a9434d}
.progress{display:block;width:100%;max-width:150px;height:6px;margin-top:6px;border:0;background:#ececf2}.progress::-webkit-progress-bar{background:#ececf2;border-radius:9px}.progress::-webkit-progress-value{background:linear-gradient(90deg,#6f50b5,#18a7a0);border-radius:9px}
.empty{min-height:150px;display:grid;place-content:center;padding:32px 20px;background:#fff}.empty b{font-size:13px}.empty span{font-size:11px}
.banner{background:#eeedf8;color:#504778;border-color:#ded9f0}.banner.warn{background:#fff5e7;color:#76511c;border-color:#f2ddbb}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:21px 22px;border-radius:16px;background:linear-gradient(120deg,#2b214a,#45346f);color:#fff;box-shadow:var(--shadow-raised)}
.page-intro h2{margin:0;font-size:23px;letter-spacing:-.025em}.page-intro p{margin:6px 0 0;color:#cec8dd;font-size:12px;max-width:730px;line-height:1.5}.page-intro .actions{justify-content:flex-end}.page-intro .btn.primary{background:#fff;color:#4e398a;box-shadow:none}.page-intro .btn.ghost{background:#ffffff16;color:#fff;border:1px solid #ffffff20}
.task-list{display:grid;gap:9px}.task-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}.task-item strong,.task-item span{display:block}.task-item strong{font-size:12px}.task-item span{font-size:10px;color:var(--muted);margin-top:3px}.task-item .btn{white-space:nowrap}
.project-list-row{cursor:pointer}.project-code{color:#5c439a;font:750 11px/1.3 "Cascadia Mono",Consolas,monospace}.project-name{font-weight:750}.project-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.project-detail{margin-top:18px}.project-detail-head{display:flex;justify-content:space-between;gap:16px;padding:20px 21px;border-bottom:1px solid var(--line)}.project-detail-head h3{margin:3px 0 4px;font-size:20px}.project-detail-head p{margin:0;color:var(--muted);font-size:11px}
.detail-tabs{display:flex;gap:4px;padding:0 15px;border-bottom:1px solid var(--line);overflow:auto}.detail-tab{border:0;background:transparent;padding:13px 11px;color:#777b8c;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.detail-tab.active{color:var(--purple-dark);border-color:var(--purple)}
.detail-body{padding:19px}.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fact{padding:13px;background:#f7f7fa;border-radius:10px}.fact span,.fact b{display:block}.fact span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.fact b{font-size:12px;margin-top:6px}
.flow-track{display:flex;align-items:flex-start;gap:0;overflow:auto;padding:12px 0}.flow-step{min-width:135px;position:relative;padding-right:24px}.flow-step:not(:last-child)::after{content:"";position:absolute;left:20px;right:0;top:10px;height:2px;background:#ddd9eb}.flow-dot{position:relative;z-index:1;width:21px;height:21px;border-radius:50%;background:#dedbe8;border:5px solid #f7f7fa}.flow-step.done .flow-dot{background:#18a7a0}.flow-step.current .flow-dot{background:#6f50b5;box-shadow:0 0 0 5px #6f50b51a}.flow-step b{display:block;font-size:10px;margin-top:8px}.flow-step small{font-size:9px;color:var(--muted)}
.filters{display:flex;align-items:center;gap:8px;margin-bottom:12px}.filters input,.filters select{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 12px;color:var(--ink);font-size:11px}.filters input{min-width:260px}
.work-order-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:13px}.work-order{padding:16px}.work-order header{display:flex;justify-content:space-between;gap:10px}.work-order h3{margin:0;font-size:13px}.work-order .wo-product{font-size:15px;font-weight:800;margin:15px 0 4px}.work-order .wo-meta{font-size:10px;color:var(--muted);line-height:1.7}.work-order .wo-progress{display:flex;justify-content:space-between;margin:14px 0 7px;font-size:10px}.work-order .actions{margin-top:14px;border-top:1px solid var(--line);padding-top:13px}
.stock-alerts{margin-top:18px}.stock-alert{color:var(--red);font-weight:800}
.map-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:16px}.map-project-list{max-height:510px;overflow:auto}.map-project-entry{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px 14px;text-align:left;cursor:pointer}.map-project-entry:hover{background:#f8f7fc}.map-project-entry b,.map-project-entry span{display:block}.map-project-entry b{font-size:11px}.map-project-entry span{font-size:9px;color:var(--muted);margin-top:4px}
.turkey-map-stage{background:linear-gradient(180deg,#eef3f8,#e7eef5);min-height:360px}.map-canvas>image{opacity:.96}.project-marker{width:76px}.project-marker small{background:#2c224a;font-size:8px}.house-pin{width:31px;height:31px;border:3px solid #fff;border-radius:50% 50% 50% 5px;background:#6f50b5;box-shadow:0 6px 14px #2b214a55}.house-pin img{width:17px;max-height:18px}.map-legend{border-color:var(--line)}
.admin-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-shortcut{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px;text-align:left}.admin-shortcut b,.admin-shortcut span{display:block}.admin-shortcut span{font-size:10px;color:var(--muted);margin-top:5px}
@media(max-width:1180px){.workspace-grid,.map-layout{grid-template-columns:1fr}.work-order-grid{grid-template-columns:1fr 1fr}.fact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding-inline:10px}.content{padding:20px}.stats{grid-template-columns:1fr 1fr}.page-intro{align-items:flex-start;flex-direction:column}.page-intro .actions{justify-content:flex-start}.admin-hub{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.shell{display:block}.sidebar{position:sticky;top:0;z-index:20;width:100%;height:auto;padding:8px;background:#241b3f}.brand{display:none}.sidebar nav{display:flex;padding:0;overflow:auto}.nav-label{display:none}.nav-item{min-width:82px;margin:0;padding:7px;flex-direction:column;gap:5px}.nav-item>span{display:block;font-size:8px;max-width:80px;text-align:center}.nav-item::before{width:5px;height:5px}.nav-item.active::after{width:24px;height:3px;bottom:0;right:auto}.topbar{height:64px;padding:0 14px}.topbar h1{font-size:18px}.identity::before,.identity div{display:none}.content{padding:14px 12px 32px}.stats,.work-order-grid,.admin-hub{grid-template-columns:1fr}.stat{min-height:96px}.page-intro{padding:18px}.page-intro h2{font-size:20px}.filters{display:grid}.filters input{min-width:0;width:100%}.project-detail-head{display:block}.project-detail-head .actions{margin-top:12px}.fact-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.toolbar .actions{width:100%}.toolbar .actions .btn{flex:1}.turkey-map-stage{min-height:260px}.map-canvas{min-width:620px}}

/* v0.12 information architecture */
.stat-button{display:block;width:100%;text-align:left;cursor:pointer;color:inherit}.stat-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 11px}.section-heading.spaced{margin-top:24px}.section-heading h3{margin:0;font-size:15px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}
.task-panel{padding:17px}.task-list button,.map-project-list>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px 4px;text-align:left;color:var(--ink);cursor:pointer}.task-list button:hover,.map-project-list>button:hover{background:#faf9fd}.task-list button span,.task-list button small,.map-project-list button b,.map-project-list button small{display:block}.task-list button span{font-size:11px;font-weight:800}.task-list button small,.map-project-list button small{margin-top:3px;color:var(--muted);font-size:9px}.task-list button i,.map-project-list button i{color:var(--purple);font-style:normal;font-size:19px}.empty.compact{min-height:120px;padding:18px}
.link-button,.back-link{border:0;background:transparent;padding:0;color:var(--purple-dark);font-weight:800;cursor:pointer}.link-button:hover,.back-link:hover{text-decoration:underline}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.list-tools input{width:min(440px,70vw);min-height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 13px}.list-tools>span{font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.progress-line{display:flex;align-items:center;gap:9px}.progress-line progress{width:110px;height:6px;accent-color:var(--teal)}.progress-line b{font-size:10px}
.project-detail{overflow:hidden}.project-detail>header{display:flex;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--line)}.project-detail>header h2{margin:2px 0 4px;font-size:22px}.project-detail>header p{margin:0;color:var(--muted);font-size:11px}.project-detail>header .eyebrow{margin:12px 0 3px;color:var(--purple);font-weight:900}.progress-dial{display:grid;place-content:center;width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--teal) 0 68%,#ececf2 68%);box-shadow:inset 0 0 0 9px #fff;text-align:center}.progress-dial b{font-size:18px}.progress-dial span{font-size:8px;color:var(--muted)}
.detail-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 12px;color:#777b8c;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.detail-tabs button.active{color:var(--purple-dark);border-color:var(--purple)}
.project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.project-facts p{margin:0;padding:13px;background:#f7f7fa;border-radius:10px}.project-facts span,.project-facts b{display:block}.project-facts span{font-size:9px;color:var(--muted);text-transform:uppercase}.project-facts b{font-size:12px;margin-top:6px}.next-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding:15px 16px;border-radius:12px;background:#f0eef9}.next-action span,.next-action b{display:block}.next-action span{font-size:8px;color:var(--purple);font-weight:900}.next-action b{font-size:12px;margin-top:4px}
.flow-step i{position:relative;z-index:1;display:grid;place-content:center;width:24px;height:24px;border-radius:50%;background:#dedbe8;color:#777;font-size:10px;font-style:normal}.flow-step.done i{background:var(--teal);color:#fff}.flow-step.current i{background:var(--purple);color:#fff;box-shadow:0 0 0 5px #6f50b51a}.flow-step span{display:block;margin-top:8px;font-size:10px;font-weight:750}.approval-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.approval-pair>div{display:flex;align-items:center;gap:10px;padding:16px;border-radius:10px;background:#f7f7fa}.approval-pair>div>span{font-size:11px;font-weight:800}.approval-pair small{margin-left:auto;color:var(--muted)}
.work-order header h3{margin:5px 0 0}.work-order dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.work-order dl div{padding:9px;border-radius:8px;background:#f7f7fa}.work-order dt{font-size:8px;color:var(--muted);text-transform:uppercase}.work-order dd{margin:4px 0 0;font-size:10px;font-weight:750}
.map-project-list{padding:15px}.map-pin-dot{display:block;width:18px;height:18px;border:4px solid #fff;border-radius:50% 50% 50% 5px;background:var(--purple);box-shadow:0 4px 11px #2b214a66}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--purple);vertical-align:-1px;margin-right:5px}
.admin-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-shortcuts button{text-align:left;padding:16px;cursor:pointer;background:#fff}.admin-shortcuts span,.admin-shortcuts b,.admin-shortcuts small{display:block}.admin-shortcuts span{color:var(--teal);font-size:9px;font-weight:900}.admin-shortcuts b{margin-top:7px;font-size:13px}.admin-shortcuts small{margin-top:4px;color:var(--muted)}
.sales-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.sales-steps>div{position:relative;padding:15px 16px;background:#fff}.sales-steps i{display:grid;place-content:center;width:25px;height:25px;border-radius:50%;background:#eeecf6;color:var(--purple);font-size:10px;font-style:normal;font-weight:900}.sales-steps b,.sales-steps span{display:block}.sales-steps b{margin-top:9px;font-size:11px}.sales-steps span{margin-top:3px;color:var(--muted);font-size:9px}.sales-steps .done i{background:var(--teal);color:#fff}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sales-document{padding:17px}.sales-document header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sales-document h3{margin:5px 0 0;font-size:14px}.document-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:15px 0;color:var(--muted);font-size:9px}.sales-document .actions{padding-top:13px;border-top:1px solid var(--line)}
@media(max-width:900px){.project-facts{grid-template-columns:1fr 1fr}.admin-shortcuts{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.document-grid{grid-template-columns:1fr}}
@media(max-width:640px){.section-heading{align-items:flex-start}.list-tools{align-items:stretch;flex-direction:column}.list-tools input{width:100%}.project-detail>header{display:block}.progress-dial{margin-top:15px}.project-facts,.approval-pair,.admin-shortcuts{grid-template-columns:1fr}.next-action{align-items:stretch;flex-direction:column}.work-order dl{grid-template-columns:1fr}.map-project-list{max-height:none}.sales-steps{grid-template-columns:1fr 1fr}}