:root{
  --bg:#f4f7fb;--surface:#fff;--ink:#172033;--muted:#708096;--line:#e5eaf1;
  --blue:#2563eb;--blue-soft:#eaf1ff;--green:#13936b;--green-soft:#e4f7ef;
  --amber:#b7791f;--amber-soft:#fff5dc;--red:#c94b55;--red-soft:#fdecee;
  --shadow:0 12px 34px rgba(31,52,81,.09);--radius:18px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer;border:0}
a{color:var(--blue)}
.app{display:flex;min-height:100vh}
.sidebar{width:246px;background:#101827;color:#b7c4d6;padding:22px 15px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 22px;color:#fff;text-decoration:none}
.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4c87ff,#6bd7b1);display:grid;place-items:center;color:#0c1928;font-weight:900}
.brand strong{font-size:17px;letter-spacing:-.03em}
.brand small{display:block;color:#8190a6;font-size:10px;margin-top:1px}
.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#69788e;padding:15px 11px 7px}
.nav a{display:flex;align-items:center;gap:11px;color:#aebbd0;text-decoration:none;padding:11px 12px;border-radius:11px;margin:3px 0;font-weight:600}
.nav a.active,.nav a:hover{background:#1e2b40;color:#fff}
.nav .ico{width:20px;text-align:center;color:#8faeff}
.sidebar-bottom{margin-top:auto;border-top:1px solid #273449;padding:16px 10px 0}
.user-mini{display:flex;align-items:center;gap:9px}
.avatar{width:32px;height:32px;border-radius:50%;background:#d8e5ff;color:#244b9b;display:grid;place-items:center;font-weight:700;flex:none}
.user-mini small{color:#74849b;font-size:11px;display:block}
.sidebar-links{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.sidebar-links a,.sidebar-links button{color:#9fb0c6;background:none;text-align:left;padding:6px 2px;font-size:12px;text-decoration:none}
.sidebar-links a:hover,.sidebar-links button:hover{color:#fff}
.main{flex:1;min-width:0}
.topbar{height:75px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:3;gap:14px}
.crumb{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;gap:10px}
.search{width:260px;background:#f7f9fc;border:1px solid var(--line);padding:9px 12px;border-radius:10px}
.icon-btn{width:35px;height:35px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#65748a}
.icon-btn:hover{border-color:#b9cdf8;color:#2454b7}
.content{padding:30px 34px 56px;max-width:1420px;margin:auto}
.flash{background:var(--blue-soft);border:1px solid #cfe0ff;color:#1c4795;border-radius:12px;padding:11px 14px;margin-bottom:18px;font-weight:600;font-size:13px}
.flash.warn{background:var(--amber-soft);border-color:#f0dcae;color:#8a5c13}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:800;margin-bottom:5px}
.page-head h1{font-size:29px;line-height:1.12;letter-spacing:-.04em;margin:0 0 7px}
.page-head h2{font-size:24px;margin:0 0 2px;letter-spacing:-.035em}
.page-head p{color:var(--muted);margin:0}
.primary{background:var(--blue);color:#fff;border-radius:11px;padding:11px 15px;font-weight:700;box-shadow:0 7px 18px rgba(37,99,235,.22);text-decoration:none;display:inline-block}
.primary:hover{background:#1d4fd0}
.secondary{background:#fff;color:#345;border:1px solid var(--line);border-radius:10px;padding:9px 13px;font-weight:650;text-decoration:none;display:inline-block}
.secondary:hover{border-color:#b9cdf8;color:#2454b7}
.danger{background:var(--red-soft);color:var(--red);border:1px solid #f5cdd1;border-radius:10px;padding:9px 12px;font-weight:650}
.danger:hover{background:#fbdde1}
.ghost{background:none;color:#65748a;padding:6px 8px;border-radius:8px;font-weight:600;font-size:12px}
.ghost:hover{background:#f1f4f9;color:#2454b7}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:17px 18px;box-shadow:0 5px 18px rgba(31,52,81,.035)}
.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:8px}
.stat strong{display:block;font-size:27px;letter-spacing:-.04em;margin:8px 0 1px}
.stat .badge{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:15px;flex:none}
.stat small{font-size:11px;color:var(--muted)}
.grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:20px}
.grid>*{min-width:0}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}
.panel-head{padding:18px 20px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.panel-title{font-size:16px;font-weight:800;letter-spacing:-.02em}
.panel-sub{color:var(--muted);font-size:12px;margin-top:2px}
.panel-body{padding:0 20px 18px}
.panel-body.tight{padding:0 12px 12px}
.right-stack{display:flex;flex-direction:column;gap:0}
table.data{width:100%;border-collapse:collapse;font-size:13px}
table.data th{text-align:left;color:#94a0b2;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:0 8px 9px;font-weight:800}
table.data td{border-top:1px solid #edf0f5;padding:11px 8px;vertical-align:middle}
table.data tr:hover td{background:#fafcff}
table.data td.right,table.data th.right{text-align:right}
.row-title{font-weight:700}
.row-sub{font-size:11.5px;color:var(--muted);margin-top:2px}
.status{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:750;white-space:nowrap}
.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.s-activ,.s-finalizat{color:var(--green);background:var(--green-soft)}
.s-offline,.s-in_reparatie,.s-necesita_revenire{color:var(--red);background:var(--red-soft)}
.s-disponibil,.s-deschis{color:var(--blue);background:var(--blue-soft)}
.s-retras,.s-inactiv,.s-arhivat,.s-in_lucru,.s-potential{color:var(--amber);background:var(--amber-soft)}
.status.plain{color:var(--muted);background:#eef2f7}
.status.plain:before{background:#c3ccda}
.tag{display:inline-block;padding:3px 8px;border-radius:6px;background:#eef3fb;color:#4e6380;font-size:11px;margin:2px 2px 2px 0}
.tag.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.client-card{display:grid;grid-template-columns:42px minmax(150px,1fr) 150px 120px 110px;gap:12px;align-items:center;padding:13px 9px;border-top:1px solid #edf0f5;text-decoration:none;color:inherit}
.client-card:hover{background:#fafcff}
.client-avatar{width:40px;height:40px;border-radius:13px;background:#e8efff;color:#315bb8;display:grid;place-items:center;font-weight:800}
.client-name{font-weight:750}
.client-company{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta{color:#4d5d72;font-size:12px}
.meta small{display:block;color:#9aa7b8;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.filters{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.field{display:flex;flex-direction:column;gap:5px;min-width:150px}
.field.grow{flex:1}
.field label{font-size:11px;font-weight:750;color:#7d8aa0;text-transform:uppercase;letter-spacing:.06em}
.field .hint{font-size:11px;color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=datetime-local],input[type=tel],input[type=date],select,textarea{
  border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fbfcfe;color:#3f4d63;width:100%
}
input:focus,select:focus,textarea:focus{outline:2px solid #cfe0ff;background:#fff}
textarea{min-height:78px;resize:vertical}
.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#4d5d72}
.checkbox input{width:auto}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}
.form-grid.wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.form-section{border-top:1px solid #edf0f5;margin-top:16px;padding-top:14px}
.form-section:first-child{border-top:0;margin-top:0;padding-top:0}
.form-section h4{margin:0 0 11px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#8794a7}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:10px}
.tabs a{padding:8px 13px;border-radius:10px;font-weight:650;font-size:13px;color:#5b6b82;text-decoration:none}
.tabs a.active{background:var(--blue-soft);color:#1d4fd0}
.tabs a:hover{background:#f1f4f9}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}
.detail-grid>*{min-width:0}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:19px;margin-bottom:20px;min-width:0;overflow-wrap:anywhere}
.detail-card h3{margin:0 0 14px;font-size:15px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:9px 12px;font-size:13px;margin:0}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:600;word-break:break-word}
.contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.contact-actions a{padding:7px 11px;border:1px solid var(--line);background:#fff;border-radius:9px;color:#40516a;font-size:12px;text-decoration:none;font-weight:650}
.contact-actions a:hover{border-color:#b9cdf8;color:#2454b7}
.asset{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf0f5}
.asset:first-of-type{border-top:0}
.asset-icon{width:34px;height:34px;border-radius:10px;background:#f0f4fa;display:grid;place-items:center;color:#50647e;flex:none}
.asset-text{flex:1;min-width:0}
.asset-text strong{font-size:13px;display:block}
.asset-text span{font-size:11.5px;color:var(--muted)}
.asset-right{text-align:right;white-space:nowrap}
pre.code{background:#0f172a;color:#e3ecf9;border-radius:12px;padding:15px;overflow:auto;font-size:12.5px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:340px}
.pill-green{color:var(--green);font-weight:700}
.pill-amber{color:var(--amber);font-weight:700}
.pill-red{color:var(--red);font-weight:700}
.note{background:#f8fbff;border:1px solid #dce8fc;border-radius:12px;padding:13px 15px;font-size:12.5px;color:#42566f;margin-bottom:16px}
.note.warn{background:var(--amber-soft);border-color:#f0dcae;color:#8a5c13}
.empty{color:var(--muted);font-size:13px;padding:14px 0}
.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.op{border-top:1px solid #edf0f5;padding:13px 0}
.op:first-child{border-top:0}
.op-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.op-head strong{font-size:13.5px}
.op time{color:#95a2b5;font-size:11.5px;margin-left:auto;white-space:nowrap}
.op p{margin:6px 0 0;color:#4d5d72;font-size:12.5px;white-space:pre-wrap}
.op-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11.5px;margin-top:7px}
.hint.err{color:var(--red);font-weight:700}
.recognition{display:inline-flex;align-items:center;gap:6px;background:var(--blue-soft);color:#1d4fd0;border-radius:9px;padding:8px 11px;font-weight:700;font-size:12px}
.recognition.rec{background:var(--red-soft);color:var(--red)}
.sticky-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
select.mini,input.mini{padding:6px 9px;font-size:12px;border-radius:8px}
@media(max-width:1050px){
  .sidebar{width:205px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .grid,.detail-grid{grid-template-columns:1fr}
  .client-card{grid-template-columns:42px minmax(130px,1fr) 130px 100px}
  .client-card .meta:nth-of-type(2){display:none}
}
@media(max-width:730px){
  .app{display:block}
  .sidebar{width:auto;flex-direction:column}
  .sidebar .nav{display:flex;flex-wrap:wrap;gap:4px}
  .sidebar .nav a{padding:8px 10px;font-size:12.5px}
  .sidebar-bottom{margin-top:14px}
  .topbar{padding:0 16px;height:auto;min-height:64px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .search{width:100%;min-width:0}
  .top-actions{flex:1;min-width:180px}
  .content{padding:20px 14px 40px}
  .page-head{display:block}
  .page-head .primary{margin-top:12px}
  .stats{gap:9px}
  .stat{padding:13px}
  .stat strong{font-size:22px}
  .client-card{grid-template-columns:38px 1fr}
  .client-card>.meta,.client-card>.status{display:none}
  .kv{grid-template-columns:118px 1fr}
  .filters{gap:7px}
  .field{min-width:126px;flex:1}
  table.data th:nth-child(3),table.data td:nth-child(3){display:none}
}