:root{--bg:#071a2e;--panel:#0d2743;--panel2:#123655;--line:#1d4662;--text:#effaff;--muted:#8eafc2;--aqua:#26d6c7;--aqua2:#72f0df;--amber:#f8ba61;--red:#f47f7a;--purple:#a4b5ff;--shadow:0 18px 40px rgba(0,0,0,.2)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 82% 0%,#123c55 0,transparent 30%),var(--bg)}.sidebar{width:260px;padding:28px 18px 20px;border-right:1px solid rgba(52,112,139,.28);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:rgba(6,24,43,.75);backdrop-filter:blur(14px);z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 30px}.brand strong{display:block;font:800 22px Manrope,sans-serif;letter-spacing:-.7px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.brand-mark{width:35px;height:35px;border:2px solid var(--aqua);border-radius:12px 12px 12px 4px;position:relative;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 20px rgba(38,214,199,.2)}.brand-mark span{width:10px;height:15px;background:var(--aqua);border-radius:60% 40% 65% 35%;transform:rotate(-45deg) translate(0,-1px)}.profile{border-top:1px solid rgba(52,112,139,.25);border-bottom:1px solid rgba(52,112,139,.25);padding:18px 10px;display:flex;align-items:center;gap:10px;position:relative}.avatar,.top-avatar{background:linear-gradient(135deg,#23647b,#183b5a);display:grid;place-items:center;color:var(--aqua);font-weight:800}.avatar{width:39px;height:39px;border-radius:13px}.profile strong{display:block;font-size:12px}.profile span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--aqua);position:absolute;right:14px;top:18px;box-shadow:0 0 0 4px rgba(38,214,199,.1)}nav{padding-top:21px;display:grid;gap:6px}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px 13px;border-radius:12px;text-align:left;display:flex;gap:11px;align-items:center;font-size:13px;transition:.2s}.nav-item:hover,.nav-item.active{background:#123a57;color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--aqua);color:var(--aqua)}.nav-icon{width:18px;text-align:center;font-size:17px}.sidebar-note{margin-top:auto;background:linear-gradient(145deg,#123c50,#0d2944);border:1px solid #20566a;border-radius:16px;padding:14px}.note-icon{display:grid;place-items:center;background:#1b5967;color:var(--aqua);width:25px;height:25px;border-radius:9px;margin-bottom:9px}.sidebar-note strong{font-size:11px}.sidebar-note p{font-size:10px;line-height:1.5;color:var(--muted);margin:5px 0 0}.sidebar-footer{display:flex;justify-content:space-between;color:#5c8297;font-size:9px;padding:19px 8px 0}.connection{color:var(--aqua)}.connection i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--aqua);margin-right:3px}.main{margin-left:260px;flex:1;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(52,112,139,.2)}.crumb{font-size:12px;color:var(--muted)}.crumb span{color:#416a81;margin:0 7px}.crumb b{color:var(--text);font-weight:600}.top-actions{display:flex;gap:12px;align-items:center}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:22px;position:relative}.icon-btn i{position:absolute;background:var(--amber);width:5px;height:5px;border-radius:50%;right:1px;top:2px}.top-avatar{width:33px;height:33px;border-radius:11px;font-size:12px}.mobile-menu{display:none;background:transparent;border:0;color:var(--text);font-size:22px}.content{max-width:1200px;margin:0 auto;padding:42px 5vw 70px}.eyebrow{color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:28px}.page-head h1{font:800 36px Manrope,sans-serif;letter-spacing:-1.4px;margin:7px 0 6px}.page-head p{color:var(--muted);font-size:14px;margin:0}.primary{border:0;background:var(--aqua);color:#062038;font-weight:800;padding:12px 17px;border-radius:12px;display:inline-flex;gap:8px;align-items:center;box-shadow:0 8px 25px rgba(38,214,199,.17)}.primary:hover{background:var(--aqua2);transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1.5fr .85fr;gap:18px;margin-bottom:18px}.hero-card{padding:25px;border:1px solid #1d4e68;border-radius:22px;background:linear-gradient(135deg,#103451,#0d2743);position:relative;overflow:hidden;min-height:230px}.hero-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(38,214,199,.17);border-radius:50%;right:-105px;top:-110px;box-shadow:0 0 0 25px rgba(38,214,199,.04),0 0 0 55px rgba(38,214,199,.025)}.hero-label{color:var(--muted);font-size:10px;letter-spacing:1.4px;font-weight:800}.hero-card h2{font:800 27px Manrope,sans-serif;max-width:390px;line-height:1.18;margin:17px 0 9px}.hero-card p{color:var(--muted);font-size:13px;max-width:390px;line-height:1.55;margin:0}.flow-line{position:absolute;bottom:30px;left:25px;right:25px;height:2px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);box-shadow:0 0 14px var(--aqua)}.flow-dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);position:absolute;bottom:27px;left:30%;box-shadow:0 0 14px 5px rgba(38,214,199,.42);animation:flow 2.5s infinite ease-in-out}@keyframes flow{0%,100%{left:10%;opacity:.45}50%{left:82%;opacity:1}}.hero-stat{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--panel);display:flex;flex-direction:column;justify-content:space-between}.hero-stat small{color:var(--muted);font-size:11px}.hero-stat strong{font:800 42px Manrope,sans-serif;color:var(--aqua);display:block;margin-top:18px}.hero-stat span{color:#70a4b3;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.kpi-icon{font-size:17px;color:var(--aqua)}.kpi strong{font:800 27px Manrope,sans-serif;display:block;margin-top:12px}.kpi em{font-style:normal;color:#6e93a7;font-size:10px;display:block;margin-top:3px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel h3{font:800 17px Manrope,sans-serif;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.text-link{border:0;background:transparent;color:var(--aqua);font-size:11px;font-weight:700}.service-row,.customer-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(48,96,119,.35)}.row-icon{width:38px;height:38px;border-radius:12px;background:#183e52;display:grid;place-items:center;color:var(--aqua);font-size:18px}.row-icon.amber{background:#3c2d20;color:var(--amber)}.row-main{flex:1;min-width:0}.row-main strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.badge{font-size:9px;font-weight:800;border-radius:7px;padding:5px 7px;background:#153e4b;color:var(--aqua);white-space:nowrap}.badge.amber{background:#49331f;color:var(--amber)}.badge.purple{background:#252c52;color:var(--purple)}.customer-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#1c5365;color:var(--aqua);font-size:10px;font-weight:800}.searchbar{background:#0b223b;border:1px solid var(--line);border-radius:12px;padding:0 13px;height:43px;display:flex;align-items:center;gap:9px;margin-bottom:13px}.searchbar input{background:transparent;border:0;outline:0;color:var(--text);width:100%;font-size:12px}.searchbar input::placeholder{color:#65869a}.filters{display:flex;gap:7px;overflow:auto;margin-bottom:14px}.filter{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:20px;padding:8px 12px;font-size:11px;white-space:nowrap}.filter.active{background:#164a55;border-color:var(--aqua);color:var(--aqua)}.list-panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.list-panel .panel-head{padding:19px 19px 0}.data-row{padding:15px 19px;border-top:1px solid rgba(48,96,119,.35);display:flex;align-items:center;gap:13px}.data-row .row-main strong{font-size:13px}.data-row .row-main span{font-size:11px}.row-meta{color:#7094a7;font-size:10px;display:flex;gap:12px;margin-top:7px}.small-id{font-size:9px;color:#5f8297}.empty{text-align:center;color:var(--muted);font-size:13px;padding:30px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,8,18,.72);z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#0e2b47;border:1px solid #2c6479;border-radius:20px;padding:23px;box-shadow:var(--shadow)}.modal h2{font:800 21px Manrope,sans-serif;margin:0 0 6px}.modal p{color:var(--muted);font-size:12px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:10px;color:var(--muted);display:grid;gap:5px}.form-grid label.full{grid-column:1/-1}.form-grid input{height:42px;border-radius:10px;border:1px solid var(--line);background:#0a2139;color:var(--text);padding:0 11px;outline:0;font-size:12px}.form-grid input:focus{border-color:var(--aqua)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.secondary{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:10px 15px;font-size:12px}.toast{position:fixed;right:22px;bottom:22px;background:#173c54;color:var(--text);border:1px solid #2c6a78;border-radius:12px;padding:12px 15px;font-size:12px;opacity:0;transform:translateY(12px);transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:215px}.main{margin-left:215px}.hero,.split{grid-template-columns:1fr}.content{padding-left:3vw;padding-right:3vw}.topbar{padding:0 3vw}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:.25s;width:260px;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:block}.topbar{height:63px}.crumb{font-size:11px}.content{padding:28px 16px 50px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:21px}.page-head h1{font-size:29px}.page-head .primary{width:100%;justify-content:center}.kpis{grid-template-columns:1fr 1fr}.hero-card h2{font-size:24px}.hero-stat{min-height:140px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.data-row{align-items:flex-start}.data-row .badge{font-size:8px}.split{gap:12px}.sidebar-footer{margin-top:10px}}
/* emin@grup 3D water identity */
.brand{perspective:900px}
.brand-mark-animated{transform:none;width:39px;height:39px;border:0;box-shadow:none;overflow:visible;position:relative;flex:0 0 39px}
.brand-mark-animated .droplet{position:absolute;display:block;width:11px;height:16px;border-radius:72% 28% 68% 32%;background:linear-gradient(145deg,#d8fffb 0%,#72f0df 25%,#26d6c7 62%,#087e9c 100%);box-shadow:inset -2px -2px 3px rgba(0,57,85,.42),0 4px 10px rgba(38,214,199,.45);transform:translate3d(0,3px,0) rotate(45deg) scale(var(--drop-scale,.7));transform-style:preserve-3d;will-change:transform,filter;animation:eminDropletFloat 3.8s ease-in-out infinite}
.brand-mark-animated .droplet:after{content:"";position:absolute;width:3px;height:5px;border-radius:50%;background:rgba(255,255,255,.86);top:3px;left:3px;transform:rotate(-45deg)}
.brand-mark-animated .d1{left:13px;top:1px;--drop-scale:.82;animation-delay:-.2s}.brand-mark-animated .d2{left:2px;top:15px;--drop-scale:.55;animation-delay:-1.2s}.brand-mark-animated .d3{right:1px;top:16px;--drop-scale:.62;animation-delay:-2.1s}.brand-mark-animated .d4{left:15px;bottom:-2px;--drop-scale:.42;animation-delay:-2.8s}
@keyframes eminDropletFloat{0%,100%{transform:translate3d(0,3px,0) rotate(45deg) scale(var(--drop-scale,.7));filter:brightness(.92)}35%{transform:translate3d(-2px,-4px,0) rotate(53deg) scale(var(--drop-scale,.7));filter:brightness(1.12)}68%{transform:translate3d(3px,1px,0) rotate(38deg) scale(var(--drop-scale,.7));filter:brightness(1)}}
.brand-name{display:inline-flex!important;align-items:center;gap:0!important;white-space:nowrap;color:#e8fffd;font:800 18px/1 Manrope,sans-serif!important;letter-spacing:-1.25px!important;transform-style:preserve-3d;transform-origin:left center;will-change:transform,filter;animation:eminWordmarkFloat 5s ease-in-out infinite;text-shadow:0 1px 0 #b8fff6,0 2px 0 #61d9d1,0 3px 0 #32999d,0 5px 0 #1b6478,0 8px 16px rgba(0,0,0,.44);filter:drop-shadow(0 0 8px rgba(38,214,199,.15))}.brand-name span{display:inline-block;transform-style:preserve-3d}.brand-water{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;font-size:18px!important;letter-spacing:0!important;margin-right:2px;filter:drop-shadow(0 3px 3px rgba(38,214,199,.55));animation:eminEmojiBob 2.6s ease-in-out infinite}.brand-emin{color:#d9fffb}.brand-at{color:var(--amber);font-size:20px;margin:0 1px;text-shadow:0 1px 0 #ffe5ae,0 3px 0 #bd7830,0 6px 10px rgba(248,186,97,.28)}.brand-grup{color:var(--aqua2)}
@keyframes eminWordmarkFloat{0%,100%{transform:perspective(700px) rotateX(0deg) rotateY(0deg) translateZ(0)}50%{transform:perspective(700px) rotateX(2deg) rotateY(-5deg) translate3d(1px,-1px,7px)}}@keyframes eminEmojiBob{0%,100%{transform:translateY(1px) rotate(-8deg) scale(.98)}50%{transform:translateY(-3px) rotate(8deg) scale(1.06)}}
/* Responsive side navigation */
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 30px}.brand-row .brand{padding:0;min-width:0}.side-toggle{width:28px;height:28px;border:1px solid #2a6074;border-radius:9px;background:#123952;color:var(--aqua);font-size:23px;line-height:20px;display:grid;place-items:center;transition:.2s;flex:0 0 28px}.side-toggle:hover{background:#1b5865;color:var(--text);transform:translateX(2px)}.sidebar,.main{transition:transform .28s ease,margin-left .28s ease}.menu-collapsed .sidebar{transform:translateX(-100%)}.menu-collapsed .main{margin-left:0}.mobile-menu{display:block;border:1px solid var(--line);border-radius:9px;padding:4px 8px;background:#102f4b;color:var(--aqua);line-height:1}
@media(max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.menu-collapsed .sidebar{transform:translateX(-100%)}.menu-collapsed .main{margin-left:0}.main{margin-left:0}}
@media(min-width:901px){.mobile-menu{display:block}.topbar{gap:14px;justify-content:flex-start}.topbar .top-actions{margin-left:auto}}
@media(max-width:700px){.brand-name{font-size:17px!important}.brand-mark-animated{width:37px;height:37px;flex-basis:37px}}


/* Light milk-coffee theme + black 3D controls */
:root{--bg:#d8d4cf;--panel:#f1eeea;--panel2:#e6e1dc;--line:#c2bbb3;--text:#292724;--muted:#6f6963;--aqua:#087f79;--aqua2:#0b9c91;--amber:#9b5b19;--purple:#6756a5;--shadow:0 18px 40px rgba(67,61,55,.2)}
body{background:var(--bg);color:var(--text)}
.app-shell{background:radial-gradient(circle at 82% 0%,#eeeae6 0,transparent 34%),linear-gradient(145deg,#d8d4cf 0%,#e4dfda 48%,#cbc5bf 100%)}
.sidebar{background:rgba(221,217,212,.96);border-right:1px solid #bdb6ae;backdrop-filter:blur(14px)}
.brand strong,.brand-name{color:#2b211b!important;text-shadow:0 1px 0 #fff8ef,0 2px 0 #bda78e,0 4px 0 #967c62,0 7px 12px rgba(86,56,31,.22)!important}
.brand small,.profile span,.sidebar-footer{color:#726c66}.profile{border-color:#c2bbb3}.sidebar-note{background:linear-gradient(145deg,#e9e5e0,#d4cec8);border-color:#bdb6ae}.sidebar-note p{color:#726c66}.note-icon{background:#c9c2bb;color:#3f3025}
.main{background:transparent}.topbar{border-color:#c2bbb3}.crumb{color:#726c66}.crumb b{color:#2b211b}.crumb span{color:#928a82}
.content{color:var(--text)}.eyebrow{color:#087f79}.page-head h1,.panel h3,.hero-card h2,.modal h2{color:#2b211b}.page-head p,.hero-card p,.panel-head p{color:#79685a}
.hero-card{background:linear-gradient(135deg,#e9e5e0,#d8d1ca);border-color:#bdb6ae;box-shadow:var(--shadow)}.hero-card:after{border-color:rgba(8,127,121,.18);box-shadow:0 0 0 25px rgba(8,127,121,.05),0 0 0 55px rgba(8,127,121,.025)}.hero-label,.hero-stat small{color:#726c66}.hero-stat{background:#fff8ef;border-color:#c2bbb3;box-shadow:var(--shadow)}.hero-stat strong{color:#087f79}.hero-stat span{color:#726c66}.flow-line{background:linear-gradient(90deg,transparent,#087f79,transparent);box-shadow:0 0 14px #087f79}.flow-dot{background:#087f79;box-shadow:0 0 14px 5px rgba(8,127,121,.3)}
.kpi,.panel,.list-panel{background:rgba(255,248,239,.9);border-color:#c2bbb3;box-shadow:0 10px 25px rgba(91,61,35,.08)}.kpi-top,.kpi em,.row-main span,.small-id,.row-meta{color:#726c66}.kpi-icon{color:#087f79}.searchbar{background:#f6eadc;border-color:#c2bbb3}.searchbar input{color:#2b211b}.searchbar input::placeholder{color:#9a8774}.data-row,.service-row,.customer-row{border-color:#d0c9c2}.row-icon{background:#dce9e4;color:#087f79}.row-icon.amber{background:#f0dfc9;color:#9b5b19}.customer-avatar{background:#c8e1dc;color:#075e5a}.badge{background:#d9ebe5;color:#075e5a}.badge.amber{background:#f1dfc8;color:#8a4f16}.badge.purple{background:#e4def4;color:#5f4e9e}.filter.active{background:#302820;color:#fff;border-color:#302820}
/* Every interactive button is a black, white-text 3D control. */
button{color:#fff!important;border:1px solid #0e0d0c!important;background:linear-gradient(180deg,#3b3936 0%,#171615 58%,#080807 100%)!important;box-shadow:0 4px 0 #000,0 8px 14px rgba(35,24,16,.2)!important;text-shadow:0 1px 1px rgba(0,0,0,.6);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important}
button:hover{filter:brightness(1.18);transform:translateY(-1px)}button:active{transform:translateY(3px);box-shadow:0 1px 0 #000,0 3px 7px rgba(35,24,16,.2)!important}
.primary,.secondary,.text-link,.filter,.nav-item,.mobile-menu,.side-toggle,.icon-btn{color:#fff!important}
.nav-item{background:linear-gradient(180deg,#3b3936,#11100f)!important}.nav-item:hover,.nav-item.active{background:linear-gradient(180deg,#514d48,#171615)!important;color:#fff!important;box-shadow:inset 3px 0 #e5c9aa,0 4px 0 #000!important}.nav-icon,.kpi-icon{color:#fff!important}.text-link{font-weight:800}.filter{background:linear-gradient(180deg,#3b3936,#11100f)!important}.mobile-menu,.side-toggle{background:linear-gradient(180deg,#3b3936,#11100f)!important}.icon-btn{background:transparent!important;box-shadow:none!important;border:0!important}.secondary{background:linear-gradient(180deg,#3b3936,#11100f)!important}.service-click{background:linear-gradient(180deg,#3b3936,#11100f)!important;color:#fff!important;border-color:#0e0d0c!important}.service-click .row-main strong,.service-click .row-main span,.service-click .row-meta,.service-click .badge{color:#fff!important}.service-click .row-icon{background:#5c554e;color:#fff}
.modal-backdrop{background:rgba(49,35,23,.6)}.modal{background:#f1eeea;border-color:#bdb6ae}.form-grid label{color:#726c66}.form-grid input,.form-grid select{background:#f6eadc;border:1px solid #c2bbb3;color:#2b211b;padding:0 11px;height:42px;border-radius:10px;outline:0;font-size:12px;width:100%}.form-grid select{appearance:auto;cursor:pointer}.form-grid input:focus,.form-grid select:focus{border-color:var(--aqua)}.toast{background:#302820;color:#fff;border-color:#111}
.brand-mark-animated .droplet{filter:drop-shadow(0 4px 5px rgba(8,96,91,.25))}


/* Technical service customer cards: white surface, black typography */
.service-click{background:#fff!important;color:#2b211b!important;border-color:#c2bbb3!important;box-shadow:0 4px 0 #b8a28c,0 8px 14px rgba(91,61,35,.14)!important}
.service-click:hover{background:#fff!important;filter:brightness(.98)}
.service-click .row-main strong,.service-click .row-main span,.service-click .row-meta,.service-click .badge{color:#2b211b!important}
.service-click .row-icon{background:#f0e4d6;color:#2b211b}
.service-click:active{box-shadow:0 1px 0 #b8a28c,0 3px 7px rgba(91,61,35,.14)!important}

/* Disabled sidebar; compact top-right navigation menu */
.sidebar{display:none!important}
.main{margin-left:0!important}
.topbar{justify-content:space-between!important}
.top-menu{position:relative;margin-left:auto;z-index:8}
.top-menu-toggle{border:1px solid #0e0d0c!important;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800;background:linear-gradient(180deg,#3b3936 0%,#171615 58%,#080807 100%)!important;color:#fff!important;box-shadow:0 4px 0 #000,0 8px 14px rgba(35,24,16,.2)!important}
.top-menu-toggle:hover{filter:brightness(1.16);transform:translateY(-1px)}
.top-menu-toggle:active{transform:translateY(3px);box-shadow:0 1px 0 #000!important}
.top-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:190px;padding:8px;border:1px solid #cdb69e;border-radius:14px;background:#fff8ef;box-shadow:0 16px 30px rgba(91,61,35,.2)}
.top-menu-panel[hidden]{display:none}
.top-menu-panel button{width:100%;display:flex;align-items:center;gap:10px;border:0!important;border-radius:9px;padding:10px 11px;text-align:left;font-size:12px;background:transparent!important;color:#2b211b!important;box-shadow:none!important;text-shadow:none;transform:none!important}
.top-menu-panel button:hover,.top-menu-panel button.active{background:#d8d4cf!important;color:#2b211b!important;filter:none}
.top-menu-panel button span{width:18px;text-align:center;color:#087f79;font-size:16px}
@media(max-width:700px){.topbar{padding:0 16px}.top-menu-panel{right:-2px}.top-menu-toggle{padding:8px 10px}}

/* Customer cards with individual frames and action bar */
.customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:0 19px 19px}
.customer-card{background:#f7f5f2;border:1px solid #bdb7b0;border-radius:14px;padding:15px;box-shadow:0 4px 10px rgba(67,61,55,.08)}
.customer-card-head{display:flex;align-items:center;gap:11px;min-width:0}
.customer-card-head .row-main strong{color:#292724;font-size:13px}
.customer-card-head .row-main span,.customer-card .row-meta{color:#6f6963}
.customer-card .row-meta{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 14px;padding-top:10px;border-top:1px solid #d5d0ca}
.customer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.customer-action{display:inline-flex;justify-content:center;align-items:center;min-height:32px;padding:7px 6px;border:1px solid #0e0d0c!important;border-radius:8px;background:linear-gradient(180deg,#3b3936 0%,#171615 58%,#080807 100%)!important;color:#fff!important;font-size:10px;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #000,0 5px 8px rgba(35,24,16,.16)!important}
.customer-action:hover{filter:brightness(1.16);transform:translateY(-1px)}
.customer-action:active{transform:translateY(2px);box-shadow:0 1px 0 #000!important}
.customer-action.danger{background:linear-gradient(180deg,#633d3b 0%,#321c1b 100%)!important}
@media(max-width:700px){.customer-grid{grid-template-columns:1fr;padding:0 12px 14px}.customer-actions{grid-template-columns:repeat(2,1fr)}}

/* Technical service cards share the customer action bar */
.service-grid{display:grid;gap:12px;padding:0 19px 19px}
.service-click{display:block!important;width:100%;text-align:left;cursor:pointer;padding:15px!important}
.service-card-head{display:flex;align-items:center;gap:12px;min-width:0}
.service-card-head .row-main strong{color:#292724;font-size:13px}
.service-card-head .row-main span,.service-card-head .row-meta{color:#6f6963}
.service-card-head .row-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}

/* Homepage top-left brand: static black wordmark with no lower 3D layer. */
.topbar .top-brand,
.topbar .top-brand *{animation:none!important;transform:none!important;filter:none!important;text-shadow:none!important}
.topbar .top-brand{color:#000!important}
.topbar .top-brand .brand-emin,
.topbar .top-brand .brand-at,
.topbar .top-brand .brand-grup{color:#000!important}
.topbar .top-brand .brand-water{animation:none!important;filter:none!important;text-shadow:none!important}
.brand-row .brand small{display:none!important}
.service-click .customer-actions{margin-top:14px;padding-top:12px;border-top:1px solid #d5d0ca}

/* Animated oversized homepage brand */
.top-brand{display:inline-flex!important;align-items:center;gap:0!important;white-space:nowrap;font:800 29px/1 Manrope,sans-serif!important;letter-spacing:-1.8px!important;transform-origin:left center;transform-style:preserve-3d;will-change:transform,filter;animation:topBrandMotion 4.6s ease-in-out infinite!important;text-shadow:0 1px 0 #fff8ef,0 3px 0 #bda78e,0 6px 0 #967c62,0 10px 18px rgba(86,56,31,.28)!important}
.top-brand span{display:inline-block;transform-style:preserve-3d}
.top-brand .brand-water{font-size:27px!important;margin-right:3px;animation:topBrandDroplet 2.4s ease-in-out infinite}
.top-brand .brand-at{font-size:31px!important}
@keyframes topBrandMotion{0%,100%{transform:perspective(750px) rotateX(0deg) rotateY(0deg) translate3d(0,0,0)}50%{transform:perspective(750px) rotateX(4deg) rotateY(-7deg) translate3d(2px,-2px,9px);filter:drop-shadow(0 0 8px rgba(8,127,121,.24))}}
@keyframes topBrandDroplet{0%,100%{transform:translateY(1px) rotate(-8deg) scale(.98)}50%{transform:translateY(-5px) rotate(8deg) scale(1.12)}}
@media(max-width:700px){.top-brand{font-size:23px!important;letter-spacing:-1.4px!important}.top-brand .brand-water{font-size:22px!important}.top-brand .brand-at{font-size:25px!important}}

/* Touch interaction: no blue tap flash; controls press inward and spring back on release. */
button,a,.filter,.nav-item,.service-click,[role="button"]{-webkit-tap-highlight-color:transparent}
button:focus,a:focus{outline:none}
button:focus-visible,a:focus-visible{outline:2px solid #2b211b;outline-offset:2px}
button,.customer-action,.top-menu-panel button,.service-click{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}
button:active,.customer-action:active,.filter:active,.nav-item:active{transform:translateY(3px) scale(.985)!important;box-shadow:0 1px 0 #000,0 3px 7px rgba(35,24,16,.2)!important}
.service-click:active{transform:translateY(3px) scale(.99)!important;box-shadow:0 1px 0 #b8a28c,0 3px 7px rgba(91,61,35,.14)!important}
.top-menu-panel button:active{transform:translateY(2px) scale(.985)!important;background:#c6c0b9!important;box-shadow:none!important}
button.kpi-link{width:100%;display:block;text-align:left;font:inherit;color:var(--text)!important;border:1px solid var(--line)!important;background:var(--panel)!important;box-shadow:0 10px 25px rgba(67,61,55,.08)!important;text-shadow:none!important}
button.kpi-link:hover{filter:brightness(1.03);transform:translateY(-2px)}
button.kpi-link:active{transform:translateY(3px) scale(.985)!important;filter:none;box-shadow:0 1px 0 #b8a28c,0 3px 7px rgba(91,61,35,.14)!important}