:root {
    --ink:#061b16;
    --deep:#082c24;
    --forest:#0c4336;
    --lime:#c9df69;
    --gold:#e0b357;
    --cream:#f4efdf;
    --paper:#f7f8f4;
    --white:#fff;
    --muted:#718078;
    --line:#dce3dd;
    --danger:#c94c3f;
    --blue:#5c91a6;
    --shadow:0 18px 55px rgba(3,32,24,.10)
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body {
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    color:var(--ink)
}

a {
    color:inherit
}

button,input,select,textarea {
    font:inherit
}

.erp-body {
    background:#eef2ed
}

.erp-shell {
    min-height:100vh;
    display:grid;
    grid-template-columns:274px 1fr
}

.sidebar {
    position:fixed;
    z-index:30;
    inset:0 auto 0 0;
    width:274px;
    background:linear-gradient(180deg,#061d18,#082f27 65%,#071f1a);
    color:white;
    display:flex;
    flex-direction:column;
    box-shadow:15px 0 50px rgba(4,30,23,.12);
    overflow-y:auto
}

.erp-brand {
    height:110px;
    padding:22px 23px;
    display:flex;
    align-items:center;
    gap:13px;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.08)
}

.erp-brand img {
    width:112px;
    background:#fff;
    border-radius:7px;
    padding:7px
}

.erp-brand span {
    font-size:8px;
    line-height:1.55;
    letter-spacing:.13em;
    color:#99b2a8
}

.erp-brand b {
    color:var(--lime);
    font-size:9px
}

.erp-nav {
    padding:24px 15px
}

.erp-nav>p {
    margin:20px 13px 8px;
    font-size:7px;
    font-weight:800;
    letter-spacing:.23em;
    color:#718e83
}

.erp-nav>a {
    position:relative;
    height:46px;
    padding:0 13px;
    margin:2px 0;
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:13px;
    text-decoration:none;
    color:#a9bbb4;
    font-size:11px;
    letter-spacing:.025em;
    transition:.2s
}

.erp-nav>a i {
    width:24px;
    color:#79958a;
    font-size:15px;
    text-align:center;
    font-style:normal
}

.erp-nav>a:hover {
    background:rgba(255,255,255,.05);
    color:white
}

.erp-nav>a.active {
    background:linear-gradient(90deg,rgba(202,223,105,.15),rgba(202,223,105,.035));
    color:white
}

.erp-nav>a.active i {
    color:var(--lime)
}

.erp-nav>a.active b {
    position:absolute;
    right:8px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--lime);
    box-shadow:0 0 12px var(--lime)
}

.sidebar-foot {
    margin-top:auto;
    padding:18px 20px;
    border-top:1px solid rgba(255,255,255,.08);
    display:grid;
    grid-template-columns:38px 1fr 20px;
    gap:10px;
    align-items:center
}

.avatar {
    width:38px;
    height:38px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--lime);
    color:var(--ink);
    font:bold 14px Georgia
}

.sidebar-foot strong {
    display:block;
    font-size:10px
}

.sidebar-foot small {
    display:block;
    margin-top:4px;
    color:#789187;
    font-size:7px;
    letter-spacing:.13em
}

.sidebar-foot>a {
    text-decoration:none;
    color:#a9c468
}

.erp-main {
    grid-column:2;
    min-width:0
}

.erp-topbar {
    min-height:114px;
    padding:24px 34px;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    position:sticky;
    top:0;
    z-index:20;
    backdrop-filter:blur(16px)
}

.erp-topbar>div:first-of-type p {
    margin:0 0 7px;
    color:#789066;
    font-size:8px;
    font-weight:800;
    letter-spacing:.17em
}

.erp-topbar h1 {
    margin:0;
    font:29px Georgia
}

.erp-topbar>div:first-of-type span {
    display:block;
    margin-top:5px;
    color:var(--muted);
    font-size:10px
}

.system-state {
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px 15px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#f8faf6
}

.system-state>i {
    width:9px;
    height:9px;
    background:#8fad37;
    border-radius:50%;
    box-shadow:0 0 0 6px rgba(143,173,55,.1)
}

.system-state span {
    font-size:8px;
    font-weight:800;
    letter-spacing:.1em
}

.system-state small {
    display:block;
    margin-top:4px;
    color:#829087;
    font-size:7px;
    letter-spacing:.04em
}

.menu-button {
    display:none;
    border:0;
    background:transparent;
    font-size:22px
}

.erp-content {
    padding:28px 34px 60px
}

.overline {
    margin:0 0 9px;
    color:#758a55;
    font-size:8px;
    font-weight:800;
    letter-spacing:.19em
}

.alert {
    margin:20px 34px 0;
    padding:14px 18px;
    border-radius:8px;
    font-size:12px
}

.alert.success {
    background:#e7f3d9;
    color:#3d641d
}

.alert.danger,.alert.error {
    background:#fff0ec;
    color:#9a3026
}

.alert.warning {
    background:#fff3d6;
    color:#80591b
}

.hero-dashboard {
    position:relative;
    min-height:300px;
    padding:46px 45px;
    background:linear-gradient(115deg,#082f27 0%,#0b4839 64%,#143e33 100%);
    color:white;
    border-radius:16px;
    overflow:hidden;
    box-shadow:var(--shadow);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:25px
}

.hero-dashboard:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(90deg,black,transparent)
}

.hero-dashboard>div:first-child {
    position:relative;
    z-index:2
}

.hero-dashboard h2 {
    font:48px/1 Georgia;
    margin:0;
    letter-spacing:-.035em
}

.hero-dashboard h2 em {
    color:#dce98f;
    font-weight:400
}

.hero-dashboard p:not(.overline) {
    max-width:600px;
    margin:18px 0 0;
    color:#b3c8bf;
    font-size:12px;
    line-height:1.7
}

.primary-button {
    position:relative;
    z-index:3;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-width:195px;
    padding:15px 18px;
    border:0;
    border-radius:6px;
    background:var(--lime);
    color:var(--ink);
    text-decoration:none;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
    cursor:pointer
}

.primary-button span {
    font-size:15px
}

.radar {
    position:absolute!important;
    right:30px;
    top:-70px;
    width:300px;
    height:300px;
    display:grid;
    place-items:center
}

.radar-ring {
    position:absolute;
    border:1px solid rgba(207,229,119,.16);
    border-radius:50%
}

.radar .r1 {
    width:100%;
    height:100%
}

.radar .r2 {
    width:72%;
    height:72%
}

.radar .r3 {
    width:44%;
    height:44%
}

.radar>i {
    width:75%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(205,226,115,.45));
    transform:rotate(28deg)
}

.radar>span {
    position:absolute;
    width:72px;
    height:72px;
    border-radius:50%;
    display:grid;
    place-items:center;
    text-align:center;
    background:rgba(6,34,27,.85);
    border:1px solid var(--gold);
    font:12px/1.2 Georgia;
    color:#efda97
}

.kpi-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    margin-top:18px
}

.kpi-grid article {
    padding:23px;
    background:white;
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:0 10px 35px rgba(4,28,22,.045);
    position:relative
}

.kpi-icon {
    position:absolute;
    right:18px;
    top:18px;
    width:36px;
    height:36px;
    border-radius:10px;
    display:grid;
    place-items:center;
    font-size:15px
}

.kpi-icon.lime {
    background:#eff5d8;
    color:#759125
}

.kpi-icon.gold {
    background:#fbf0d8;
    color:#9f7123
}

.kpi-icon.blue {
    background:#e3eff2;
    color:#417488
}

.kpi-icon.cream {
    background:#eee8dc;
    color:#71624b
}

.kpi-grid article>span {
    font-size:8px;
    font-weight:800;
    letter-spacing:.14em;
    color:#829087
}

.kpi-grid strong {
    display:block;
    margin-top:16px;
    font:39px Georgia
}

.kpi-grid small {
    display:block;
    margin-top:7px;
    color:#839088;
    font-size:9px
}

.dashboard-grid {
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:18px;
    margin-top:18px
}

.panel {
    background:white;
    border:1px solid var(--line);
    border-radius:12px;
    padding:24px;
    box-shadow:0 12px 36px rgba(4,28,22,.04)
}

.span-4 {
    grid-column:span 4
}

.span-8 {
    grid-column:span 8
}

.span-12 {
    grid-column:span 12
}

.panel-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px
}

.panel-head h3 {
    margin:0;
    font:24px Georgia
}

.panel-head>a {
    font-size:9px;
    font-weight:800;
    color:#688128;
    text-decoration:none
}

.count-pill {
    width:34px;
    height:34px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#f4e6c7;
    color:#865f1f;
    font:bold 12px Georgia
}

.stage-pipeline {
    height:210px;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
    align-items:end;
    border-bottom:1px solid #dbe2dc;
    padding-top:20px
}

.stage-pipeline>div {
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:8px
}

.stage-pipeline span {
    order:3;
    margin-top:3px;
    font-size:7px;
    color:#76857d;
    letter-spacing:.08em;
    text-align:center
}

.stage-pipeline strong {
    font:21px Georgia
}

.stage-pipeline i {
    width:65%;
    height:var(--height);
    min-height:12px;
    max-height:125px;
    border-radius:5px 5px 0 0;
    background:linear-gradient(#cfe37a,#77952a)
}

.attention-list a {
    display:grid;
    grid-template-columns:8px 1fr auto;
    gap:12px;
    align-items:center;
    padding:13px 0;
    border-top:1px solid #edf0ec;
    text-decoration:none
}

.attention-list i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#d97859
}

.attention-list strong {
    display:block;
    font-size:10px
}

.attention-list small {
    display:block;
    margin-top:4px;
    color:#859189;
    font-size:8px
}

.attention-list>a>span {
    font:16px Georgia;
    color:#ad4c38
}

.table-wrap {
    overflow-x:auto
}

table {
    width:100%;
    border-collapse:collapse
}

th {
    text-align:left;
    padding:11px 12px;
    border-bottom:1px solid var(--line);
    color:#809087;
    font-size:7px;
    letter-spacing:.15em
}

td {
    padding:15px 12px;
    border-bottom:1px solid #edf0ed;
    color:#4c5d55;
    font-size:10px
}

td strong {
    color:var(--ink)
}

.status {
    display:inline-block;
    padding:6px 9px;
    border-radius:20px;
    background:#eef1ed;
    color:#5d6c65;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em
}

.status.released,.status.approved,.status.pass,.status.active,.status.delivered {
    background:#e5f2d7;
    color:#47721d
}

.status.quality_hold,.status.pending,.status.quarantine,.status.draft {
    background:#fff1d8;
    color:#9a681c
}

.status.processing,.status.material_issue,.status.packing,.status.dispatched {
    background:#e2eff3;
    color:#3e7185
}

.status.fail,.status.rejected,.status.cancelled,.status.inactive {
    background:#fae3de;
    color:#9f3d31
}

.empty-state {
    padding:35px;
    text-align:center;
    color:#8b9790;
    font-size:10px
}

.empty-state.compact {
    padding:18px 0;
    text-align:left
}

.page-actions {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-bottom:18px
}

.secondary-button {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:13px 16px;
    border:1px solid #cbd5cd;
    background:white;
    border-radius:7px;
    color:#3d5047;
    text-decoration:none;
    font-size:9px;
    font-weight:800;
    cursor:pointer
}

.form-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px
}

.form-grid.three {
    grid-template-columns:repeat(3,1fr)
}

.field {
    display:flex;
    flex-direction:column;
    gap:7px
}

.field.full {
    grid-column:1/-1
}

.field label {
    font-size:8px;
    font-weight:800;
    letter-spacing:.1em;
    color:#64766d
}

.field input,.field select,.field textarea {
    width:100%;
    padding:13px 14px;
    border:1px solid #d5ddd7;
    border-radius:7px;
    background:#fbfcfa;
    color:var(--ink);
    font-size:11px;
    outline:none
}

.field textarea {
    min-height:95px;
    resize:vertical
}

.field input:focus,.field select:focus,.field textarea:focus {
    border-color:#86a343;
    box-shadow:0 0 0 3px rgba(134,163,67,.1)
}

.form-actions {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:20px
}

.section-grid {
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:18px
}

.metric-strip {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-radius:10px;
    overflow:hidden;
    margin-bottom:18px
}

.metric-strip>div {
    background:white;
    padding:18px
}

.metric-strip span {
    display:block;
    font-size:7px;
    color:#819087;
    letter-spacing:.13em
}

.metric-strip strong {
    display:block;
    margin-top:9px;
    font:24px Georgia
}

.inline-form {
    display:flex;
    align-items:end;
    gap:12px;
    flex-wrap:wrap
}

.inline-form .field {
    min-width:145px;
    flex:1
}

.row-actions {
    display:flex;
    gap:6px
}

.tiny-button {
    padding:7px 9px;
    border:1px solid #d2dad4;
    border-radius:5px;
    background:white;
    color:#4a5e54;
    text-decoration:none;
    font-size:7px;
    font-weight:800;
    cursor:pointer
}

.tiny-button.danger {
    color:#9a3c32;
    border-color:#eac9c4
}

.progress {
    height:6px;
    background:#e8ede8;
    border-radius:10px;
    overflow:hidden
}

.progress i {
    display:block;
    height:100%;
    background:linear-gradient(90deg,#78942d,#cce16f);
    width:var(--progress)
}

.modal {
    position:fixed;
    z-index:100;
    inset:0;
    background:rgba(2,22,17,.72);
    display:none;
    place-items:center;
    padding:20px
}

.modal.show {
    display:grid
}

.modal-card {
    width:min(760px,100%);
    max-height:90vh;
    overflow:auto;
    background:white;
    border-radius:15px;
    padding:28px;
    box-shadow:0 35px 90px rgba(0,0,0,.35)
}

.modal-card.large {
    width:min(980px,100%)
}

.modal-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px
}

.modal-head h3 {
    font:28px Georgia;
    margin:0
}

.modal-close {
    border:0;
    background:#eff2ed;
    width:34px;
    height:34px;
    border-radius:50%;
    cursor:pointer
}

.formula-row {
    display:grid;
    grid-template-columns:1.4fr .55fr .5fr 36px;
    gap:8px;
    margin-top:9px
}

.formula-row button {
    border:0;
    background:#f6e5e1;
    color:#a44235;
    border-radius:6px
}

.soft-note {
    padding:14px 16px;
    border-left:3px solid var(--gold);
    background:#faf5e8;
    color:#6c664f;
    font-size:10px;
    line-height:1.6;
    margin-bottom:18px
}

.detail-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-bottom:18px
}

.detail-grid>div {
    padding:15px;
    background:#f7f9f6;
    border-radius:8px
}

.detail-grid span {
    display:block;
    font-size:7px;
    color:#7d8c84;
    letter-spacing:.11em
}

.detail-grid strong {
    display:block;
    margin-top:7px;
    font-size:11px
}

.login-body {
    min-height:100vh;
    background:#041914;
    display:grid;
    place-items:center;
    padding:35px
}

.login-shell {
    width:min(1080px,100%);
    min-height:650px;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    background:white;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 40px 100px rgba(0,0,0,.4)
}

.login-visual {
    position:relative;
    overflow:hidden;
    padding:46px;
    background:linear-gradient(150deg,rgba(4,34,27,.83),rgba(4,34,27,.98)),url('/assets/generated/factory-representative.png') center/cover;
    color:white
}

.login-visual>img {
    position:relative;
    z-index:2;
    width:220px;
    background:white;
    border-radius:8px;
    padding:10px
}

.login-message {
    position:absolute;
    z-index:3;
    left:46px;
    right:46px;
    bottom:55px
}

.login-message>span {
    font-size:8px;
    font-weight:800;
    letter-spacing:.2em;
    color:var(--gold)
}

.login-message h1 {
    font:54px/.98 Georgia;
    margin:18px 0
}

.login-message h1 em {
    color:#dce98e;
    font-weight:400
}

.login-message p {
    color:#a9beb5;
    line-height:1.7;
    font-size:12px
}

.signal-orbit {
    position:absolute;
    border:1px solid rgba(204,226,111,.18);
    border-radius:50%
}

.signal-orbit.one {
    width:500px;
    height:500px;
    right:-250px;
    top:-100px
}

.signal-orbit.two {
    width:330px;
    height:330px;
    right:-165px;
    top:-15px
}

.login-form {
    padding:70px 55px;
    display:flex;
    flex-direction:column;
    justify-content:center
}

.login-form h2 {
    font:42px Georgia;
    margin:10px 0
}

.login-form>div>p:last-child {
    color:var(--muted);
    font-size:12px;
    line-height:1.6
}

.login-form form {
    margin-top:25px
}

.login-form label {
    display:block;
    margin:15px 0;
    color:#52635b;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em
}

.login-form input {
    display:block;
    width:100%;
    margin-top:8px;
    padding:15px;
    border:1px solid #d7dfd9;
    border-radius:7px
}

.login-form .primary-button {
    width:100%;
    margin-top:24px
}

.back-site {
    display:block;
    margin-top:30px;
    text-decoration:none;
    color:#6d7e75;
    font-size:9px
}

.login-form .alert {
    margin:15px 0 0
}

@media(max-width:1150px) {
    .kpi-grid {
        grid-template-columns:1fr 1fr
    }

    .span-8,.span-4 {
        grid-column:span 12
    }

    .section-grid {
        grid-template-columns:1fr
    }

    .radar {
        opacity:.5
    }

    .hero-dashboard h2 {
        font-size:42px
    }

}

@media(max-width:800px) {
    .erp-shell {
        grid-template-columns:1fr
    }

    .sidebar {
        transform:translateX(-100%);
        transition:.25s
    }

    .sidebar.open {
        transform:none
    }

    .erp-main {
        grid-column:1
    }

    .menu-button {
        display:block
    }

    .erp-topbar {
        padding:18px;
        min-height:100px
    }

    .erp-topbar h1 {
        font-size:22px
    }

    .erp-topbar>div:first-of-type span,.system-state {
        display:none
    }

    .erp-content {
        padding:18px
    }

    .alert {
        margin:15px 18px 0
    }

    .hero-dashboard {
        padding:34px 24px;
        display:block
    }

    .hero-dashboard h2 {
        font-size:37px
    }

    .hero-dashboard .primary-button {
        margin-top:25px
    }

    .radar {
        display:none
    }

    .kpi-grid {
        grid-template-columns:1fr 1fr
    }

    .dashboard-grid {
        display:block
    }

    .panel {
        margin-top:14px
    }

    .form-grid,.form-grid.three,.detail-grid {
        grid-template-columns:1fr
    }

    .metric-strip {
        grid-template-columns:1fr
    }

    .login-shell {
        grid-template-columns:1fr
    }

    .login-visual {
        min-height:380px
    }

    .login-message h1 {
        font-size:39px
    }

    .login-form {
        padding:42px 26px
    }

    .formula-row {
        grid-template-columns:1fr 1fr
    }

    .formula-row select {
        grid-column:1/-1
    }

}

@media(max-width:520px) {
    .kpi-grid {
        grid-template-columns:1fr
    }

    .hero-dashboard h2 {
        font-size:32px
    }

    .erp-topbar>div:first-of-type p {
        display:none
    }

    .erp-content {
        padding:12px
    }

    .login-body {
        padding:12px
    }

    .login-visual {
        min-height:340px;
        padding:25px
    }

    .login-message {
        left:25px;
        right:25px;
        bottom:25px
    }

    .login-message h1 {
        font-size:34px
    }

}

.table-button {
    margin:6px 0 0;
    padding:7px 9px;
    border:1px solid #cbd6ce;
    border-radius:5px;
    background:#f7f9f5;
    color:#31483e;
    font-size:7px;
    font-weight:900;
    cursor:pointer
}

.status.urgent,.status.failed {
    background:#fae3de;
    color:#9f3d31
}

.status.high,.status.follow_up,.status.out_for_delivery {
    background:#fff1d8;
    color:#9a681c
}

.status.positive,.status.completed,.status.paid {
    background:#e5f2d7;
    color:#47721d
}

.status.in_progress,.status.accepted,.status.partial,.status.picked_up {
    background:#e2eff3;
    color:#3e7185
}

.span-6 {
    grid-column:span 6
}

@media(max-width:1150px) {
    .span-6 {
        grid-column:span 12
    }

}

.invoice-item-row {
    display:grid;
    grid-template-columns:1.35fr 1fr .55fr .48fr .55fr .5fr .5fr 38px;
    gap:7px;
    margin-top:8px
}

.invoice-item-row input,.invoice-item-row select {
    min-width:0;
    padding:11px;
    border:1px solid #d5ddd7;
    border-radius:6px;
    background:#fbfcfa;
    font-size:10px
}

.invoice-item-row button {
    border:0;
    border-radius:6px;
    background:#f6e5e1;
    color:#a44235;
    cursor:pointer
}

@media(max-width:900px) {
    .invoice-item-row {
        grid-template-columns:1fr 1fr
    }

    .invoice-item-row button {
        min-height:38px
    }

}

/* SRS 4.1.0 premium admin layer */ .erp-body {
    font-size:15px
}

.erp-topbar {
    gap:18px
}

.topbar-title {
    min-width:310px
}

.global-search {
    margin-left:auto;
    position:relative;
    width:min(430px,34vw)
}

.global-search input {
    width:100%;
    height:44px;
    border:1px solid #d4e1eb;
    background:#f8fbfd;
    border-radius:11px;
    padding:0 16px;
    font-size:14px;
    color:#153b35;
    outline:none
}

.global-search input:focus {
    border-color:#4c967c;
    box-shadow:0 0 0 3px rgba(76,150,124,.12)
}

.search-results {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:50px;
    background:#fff;
    border:1px solid #dce7e3;
    border-radius:12px;
    box-shadow:0 18px 45px rgba(9,45,35,.18);
    padding:6px;
    z-index:120
}

.search-results.show {
    display:block
}

.search-results a {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:10px 11px;
    border-radius:8px;
    text-decoration:none;
    color:#163c34
}

.search-results a:hover {
    background:#f1f7f4
}

.search-results b {
    font-size:13px
}

.search-results small {
    font-size:10px;
    color:#73867f
}

.search-empty {
    display:block;
    padding:14px;
    color:#71827b;
    font-size:12px
}

.network-panel {
    margin-bottom:18px;
    padding:18px
}

.panel-sub {
    margin:4px 0 0;
    color:#72837d;
    font-size:12px
}

.network-total {
    text-align:right;
    background:#edf7f1;
    border:1px solid #d8e9df;
    padding:10px 14px;
    border-radius:10px
}

.network-total strong {
    display:block;
    color:#0b6b49;
    font-size:27px
}

.network-total small {
    display:block;
    font-size:9px;
    letter-spacing:.08em
}

.network-layout {
    display:grid;
    grid-template-columns:1.45fr .75fr;
    gap:22px;
    align-items:stretch
}

.india-map {
    min-height:360px;
    position:relative;
    overflow:hidden;
    border-radius:18px;
    background:radial-gradient(circle at 50% 45%,#0f3450 0,#071c2c 69%,#051621 100%);
    border:1px solid #184d67
}

.india-map:before {
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(73,175,169,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,175,169,.08) 1px,transparent 1px);
    background-size:28px 28px
}

.india-outline {
    position:absolute;
    left:17%;
    top:3%;
    width:65%;
    height:94%;
    filter:drop-shadow(0 0 16px rgba(47,235,184,.35))
}

.india-outline path {
    fill:rgba(8,94,91,.22);
    stroke:#36e3bb;
    stroke-width:.8
}

.map-point {
    position:absolute;
    transform:translate(-50%,-50%);
    width:12px;
    height:12px;
    border:0;
    border-radius:50%;
    background:#5b7d80;
    box-shadow:0 0 0 5px rgba(91,125,128,.13);
    cursor:pointer;
    z-index:4;
    padding:0
}

.map-point.active {
    background:#ffc83d;
    box-shadow:0 0 0 5px rgba(255,200,61,.15),0 0 18px rgba(255,200,61,.9)
}

.map-point.selected {
    background:#fff;
    box-shadow:0 0 0 6px rgba(53,227,187,.25),0 0 22px #35e3bb
}

.map-point span {
    display:none;
    position:absolute;
    left:16px;
    top:-14px;
    white-space:nowrap;
    background:#fff;
    color:#113b34;
    border-radius:7px;
    padding:6px 8px;
    font-size:10px;
    box-shadow:0 6px 18px #0005
}

.map-point:hover span,.map-point:focus span {
    display:block
}

.map-point span b {
    margin-left:7px;
    color:#0b784e
}

.network-side {
    display:flex;
    flex-direction:column;
    gap:12px
}

.network-selected {
    padding:18px;
    border-radius:16px;
    background:linear-gradient(145deg,#eff8f3,#fff);
    border:1px solid #dceae3
}

.network-selected small {
    display:block;
    font-size:9px;
    letter-spacing:.12em;
    color:#729087
}

.network-selected strong {
    display:block;
    font-size:20px;
    margin:7px 0 2px
}

.network-selected>b {
    font-size:38px;
    color:#08704b
}

.network-selected span {
    display:block;
    color:#75877f;
    font-size:11px
}

.network-selected a {
    display:inline-block;
    margin-top:12px;
    text-decoration:none;
    color:#08704b;
    font-weight:800;
    font-size:11px
}

.state-list {
    border:1px solid #dfeae5;
    border-radius:14px;
    overflow:hidden
}

.state-list button {
    width:100%;
    border:0;
    border-bottom:1px solid #e7efeb;
    background:#fff;
    padding:10px 12px;
    display:flex;
    justify-content:space-between;
    cursor:pointer;
    color:#24483f
}

.state-list button:last-child {
    border-bottom:0
}

.state-list button:hover {
    background:#f5faf7
}

.state-list b {
    color:#08704b
}

.update-studio .update-hero {
    padding:22px;
    border-radius:16px;
    background:linear-gradient(120deg,#092c25,#0b5644);
    color:#fff;
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px
}

.update-hero h2 {
    font-size:28px;
    margin:6px 0
}

.update-hero p {
    max-width:760px;
    color:#cfe5dd;
    line-height:1.5
}

.version-badge {
    min-width:130px;
    background:#fff1;
    border:1px solid #ffffff2e;
    border-radius:14px;
    padding:15px;
    text-align:center
}

.version-badge small {
    display:block;
    font-size:9px
}

.version-badge strong {
    display:block;
    font-size:28px;
    margin-top:5px
}

.update-form label {
    display:block;
    margin:14px 0
}

.update-form label>span {
    display:block;
    font-weight:800;
    font-size:12px;
    margin-bottom:6px
}

.update-form input[type=file] {
    width:100%;
    padding:13px;
    border:1px dashed #a8c3b9;
    border-radius:10px;
    background:#f7fbf9
}

.confirm-line {
    display:flex!important;
    align-items:flex-start;
    gap:9px;
    font-size:11px;
    color:#63776f
}

.safety-list {
    list-style:none;
    padding:0;
    margin:0
}

.safety-list li {
    padding:10px 0;
    border-bottom:1px solid #e5eeea;
    font-size:12px;
    color:#3d5e54
}

@media(max-width:980px) {
    .global-search {
        width:100%;
        order:4
    }

    .erp-topbar {
        flex-wrap:wrap
    }

    .network-layout {
        grid-template-columns:1fr
    }

    .india-map {
        min-height:320px
    }

}

.erp-nav a {
    position:relative
}

.erp-nav .nav-badge {
    margin-left:auto;
    min-width:21px;
    height:21px;
    padding:0 6px;
    border-radius:11px;
    background:#d86f1f;
    color:#fff;
    display:grid;
    place-items:center;
    font-size:9px;
    font-style:normal;
    font-weight:900;
    box-shadow:0 4px 10px rgba(216,111,31,.25)
}

.rollback-list article {
    display:flex;
    align-items:center;
    gap:18px;
    padding:12px 0;
    border-bottom:1px solid #e6eeea
}

.rollback-list article:last-child {
    border-bottom:0
}

.rollback-list article>div {
    flex:1
}

.rollback-list strong {
    display:block;
    font-size:13px
}

.rollback-list small {
    display:block;
    margin-top:3px;
    color:#7b8c85;
    font-size:10px
}

.rollback-list span {
    font-size:10px;
    color:#71837c
}

.rollback-list button {
    border:1px solid #c9ddd4;
    background:#fff;
    color:#0b684b;
    border-radius:7px;
    font-weight:800;
    font-size:10px;
    padding:8px 11px;
    cursor:pointer
}

/* SRS 4.1.2 owner-admin usability layer */ .erp-nav>p {
    font-size:9px
}

.erp-nav>a {
    font-size:13px;
    min-height:48px
}

.erp-nav>a i {
    font-size:17px
}

.sidebar-foot strong {
    font-size:12px
}

.sidebar-foot small {
    font-size:9px
}

.erp-topbar>div:first-of-type p {
    font-size:10px
}

.erp-topbar>div:first-of-type span {
    font-size:12px
}

.system-state span {
    font-size:10px
}

.system-state small {
    font-size:9px
}

.overline {
    font-size:10px
}

.kpi-grid article>span {
    font-size:10px
}

.kpi-grid small {
    font-size:11px
}

.panel-head>a {
    font-size:11px
}

.stage-pipeline span {
    font-size:9px
}

.attention-list strong {
    font-size:12px
}

.attention-list small {
    font-size:10px
}

th {
    font-size:9px
}

td {
    font-size:12px
}

.status {
    font-size:9px
}

.owner-command {
    display:grid;
    grid-template-columns:260px 1fr;
    gap:18px;
    align-items:center;
    background:#fff;
    border:1px solid #dbe7e1;
    border-radius:16px;
    padding:18px 20px;
    margin-bottom:18px;
    box-shadow:0 12px 34px rgba(4,35,26,.05)
}

.owner-command-copy h2 {
    font:26px Georgia;
    margin:2px 0 5px
}

.owner-command-copy>span {
    font-size:11px;
    color:#6d8178
}

.owner-command-actions {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px
}

.owner-command-actions a {
    min-height:72px;
    border:1px solid #e0ebe6;
    border-radius:12px;
    padding:11px;
    text-decoration:none;
    background:linear-gradient(145deg,#fbfdfc,#f4f8f6);
    display:flex;
    align-items:center;
    gap:10px
}

.owner-command-actions a:hover {
    border-color:#9cc9b7;
    transform:translateY(-1px)
}

.owner-command-actions i {
    width:34px;
    height:34px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:#e4f1eb;
    color:#0a6c4a;
    font-style:normal;
    font-weight:900
}

.owner-command-actions span {
    font-size:10px;
    color:#53675f
}

.owner-command-actions b {
    display:block;
    margin-top:4px;
    font-size:16px;
    color:#102f28
}

.owner-command-actions .health-link {
    background:linear-gradient(145deg,#0a493b,#0b6a52);
    border-color:#0b6a52
}

.owner-command-actions .health-link i {
    background:#ffffff22;
    color:#fff
}

.owner-command-actions .health-link span,.owner-command-actions .health-link b {
    color:#fff
}

.health-head {
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding:24px 26px;
    border-radius:16px;
    background:linear-gradient(120deg,#082f27,#0a5b47);
    color:#fff;
    margin-bottom:18px
}

.health-head h2 {
    font:32px Georgia;
    margin:4px 0
}

.health-head p:last-child {
    margin:0;
    color:#c7ddd5;
    font-size:12px
}

.health-version {
    min-width:135px;
    text-align:center;
    border:1px solid #ffffff26;
    background:#ffffff10;
    border-radius:12px;
    padding:12px
}

.health-version small {
    display:block;
    font-size:9px
}

.health-version strong {
    display:block;
    font-size:27px;
    margin-top:5px
}

.health-kpis {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px
}

.health-kpis article {
    background:#fff;
    border:1px solid #dce7e2;
    border-radius:12px;
    padding:18px
}

.health-kpis span {
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    color:#74887f
}

.health-kpis strong {
    display:block;
    font:30px Georgia;
    margin-top:8px
}

.health-kpis .small-value {
    font-size:16px;
    line-height:1.3
}

.health-kpis small {
    display:block;
    color:#7d8d86;
    font-size:10px;
    margin-top:4px
}

.health-row {
    display:grid;
    grid-template-columns:38px 1fr auto;
    gap:12px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid #e8efeb
}

.health-row:last-child {
    border-bottom:0
}

.health-row i {
    width:34px;
    height:34px;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-style:normal;
    font-weight:900
}

.health-row i.ok {
    background:#e7f4df;
    color:#4d7c22
}

.health-row i.bad {
    background:#fbe7e3;
    color:#a24536
}

.health-row strong {
    font-size:12px
}

.health-row small {
    display:block;
    color:#7b8d85;
    margin-top:3px;
    font-size:10px
}

.health-row>span {
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
    color:#5f786d
}

.owner-actions {
    display:grid;
    gap:9px
}

.owner-actions>a,.owner-actions button {
    width:100%;
    border:1px solid #dce7e2;
    background:#f9fbfa;
    border-radius:10px;
    padding:11px;
    display:flex;
    align-items:center;
    gap:10px;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    color:#173b32
}

.owner-actions b {
    width:34px;
    height:34px;
    border-radius:9px;
    background:#e5f1ec;
    display:grid;
    place-items:center
}

.owner-actions span {
    font-size:11px;
    font-weight:800
}

.owner-actions small {
    display:block;
    font-size:9px;
    color:#7a8a83;
    margin-top:2px;
    font-weight:400
}

@media(max-width:1180px) {
    .owner-command {
        grid-template-columns:1fr
    }

    .owner-command-actions {
        grid-template-columns:repeat(3,1fr)
    }

    .health-kpis {
        grid-template-columns:1fr 1fr
    }

}

@media(max-width:720px) {
    .owner-command-actions {
        grid-template-columns:1fr 1fr
    }

    .health-kpis {
        grid-template-columns:1fr
    }

    .health-head {
        align-items:flex-start
    }

    .health-head h2 {
        font-size:26px
    }

}

/* SRS 4.1.2 owner-admin usability layer */ .erp-nav>p {
    font-size:9px
}

.erp-nav>a {
    font-size:13px;
    min-height:48px
}

.erp-nav>a i {
    font-size:17px
}

.sidebar-foot strong {
    font-size:12px
}

.sidebar-foot small {
    font-size:9px
}

.erp-topbar>div:first-of-type p {
    font-size:10px
}

.erp-topbar>div:first-of-type span {
    font-size:12px
}

.system-state span {
    font-size:10px
}

.system-state small {
    font-size:9px
}

.overline {
    font-size:10px
}

.kpi-grid article>span {
    font-size:10px
}

.kpi-grid small {
    font-size:11px
}

.panel-head>a {
    font-size:11px
}

.stage-pipeline span {
    font-size:9px
}

.attention-list strong {
    font-size:12px
}

.attention-list small {
    font-size:10px
}

th {
    font-size:9px
}

td {
    font-size:12px
}

.status {
    font-size:9px
}

.owner-command {
    display:grid;
    grid-template-columns:260px 1fr;
    gap:18px;
    align-items:center;
    background:#fff;
    border:1px solid #dbe7e1;
    border-radius:16px;
    padding:18px 20px;
    margin-bottom:18px;
    box-shadow:0 12px 34px rgba(4,35,26,.05)
}

.owner-command-copy h2 {
    font:26px Georgia;
    margin:2px 0 5px
}

.owner-command-copy>span {
    font-size:11px;
    color:#6d8178
}

.owner-command-actions {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px
}

.owner-command-actions a {
    min-height:72px;
    border:1px solid #e0ebe6;
    border-radius:12px;
    padding:11px;
    text-decoration:none;
    background:linear-gradient(145deg,#fbfdfc,#f4f8f6);
    display:flex;
    align-items:center;
    gap:10px
}

.owner-command-actions a:hover {
    border-color:#9cc9b7;
    transform:translateY(-1px)
}

.owner-command-actions i {
    width:34px;
    height:34px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:#e4f1eb;
    color:#0a6c4a;
    font-style:normal;
    font-weight:900
}

.owner-command-actions span {
    font-size:10px;
    color:#53675f
}

.owner-command-actions b {
    display:block;
    margin-top:4px;
    font-size:16px;
    color:#102f28
}

.owner-command-actions .health-link {
    background:linear-gradient(145deg,#0a493b,#0b6a52);
    border-color:#0b6a52
}

.owner-command-actions .health-link i {
    background:#ffffff22;
    color:#fff
}

.owner-command-actions .health-link span,.owner-command-actions .health-link b {
    color:#fff
}

.health-head {
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding:24px 26px;
    border-radius:16px;
    background:linear-gradient(120deg,#082f27,#0a5b47);
    color:#fff;
    margin-bottom:18px
}

.health-head h2 {
    font:32px Georgia;
    margin:4px 0
}

.health-head p:last-child {
    margin:0;
    color:#c7ddd5;
    font-size:12px
}

.health-version {
    min-width:135px;
    text-align:center;
    border:1px solid #ffffff26;
    background:#ffffff10;
    border-radius:12px;
    padding:12px
}

.health-version small {
    display:block;
    font-size:9px
}

.health-version strong {
    display:block;
    font-size:27px;
    margin-top:5px
}

.health-kpis {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px
}

.health-kpis article {
    background:#fff;
    border:1px solid #dce7e2;
    border-radius:12px;
    padding:18px
}

.health-kpis span {
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    color:#74887f
}

.health-kpis strong {
    display:block;
    font:30px Georgia;
    margin-top:8px
}

.health-kpis .small-value {
    font-size:16px;
    line-height:1.3
}

.health-kpis small {
    display:block;
    color:#7d8d86;
    font-size:10px;
    margin-top:4px
}

.health-row {
    display:grid;
    grid-template-columns:38px 1fr auto;
    gap:12px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid #e8efeb
}

.health-row:last-child {
    border-bottom:0
}

.health-row i {
    width:34px;
    height:34px;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-style:normal;
    font-weight:900
}

.health-row i.ok {
    background:#e7f4df;
    color:#4d7c22
}

.health-row i.bad {
    background:#fbe7e3;
    color:#a24536
}

.health-row strong {
    font-size:12px
}

.health-row small {
    display:block;
    color:#7b8d85;
    margin-top:3px;
    font-size:10px
}

.health-row>span {
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
    color:#5f786d
}

.owner-actions {
    display:grid;
    gap:9px
}

.owner-actions>a,.owner-actions button {
    width:100%;
    border:1px solid #dce7e2;
    background:#f9fbfa;
    border-radius:10px;
    padding:11px;
    display:flex;
    align-items:center;
    gap:10px;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    color:#173b32
}

.owner-actions b {
    width:34px;
    height:34px;
    border-radius:9px;
    background:#e5f1ec;
    display:grid;
    place-items:center
}

.owner-actions span {
    font-size:11px;
    font-weight:800
}

.owner-actions small {
    display:block;
    font-size:9px;
    color:#7a8a83;
    margin-top:2px;
    font-weight:400
}

@media(max-width:1180px) {
    .owner-command {
        grid-template-columns:1fr
    }

    .owner-command-actions {
        grid-template-columns:repeat(3,1fr)
    }

    .health-kpis {
        grid-template-columns:1fr 1fr
    }

}

@media(max-width:720px) {
    .owner-command-actions {
        grid-template-columns:1fr 1fr
    }

    .health-kpis {
        grid-template-columns:1fr
    }

    .health-head {
        align-items:flex-start
    }

    .health-head h2 {
        font-size:26px
    }

}

/* SRS 4.1.3 — Premium Admin Control Centre visual layer */ :root {
    --srs-blue:#0f67b7;
    --srs-blue2:#1787d6;
    --srs-green:#087a45;
    --srs-green2:#16a05f;
    --srs-orange:#f47a17;
    --srs-ink:#12324a;
    --srs-muted:#657985;
    --srs-soft:#f5f9fb;
    --srs-line:#d9e7ef;
    --srs-white:#fff
}

.erp-body {
    background:linear-gradient(180deg,#eef7fb 0,#f8fbfd 18%,#fff 100%);
    color:var(--srs-ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif
}

.erp-shell {
    grid-template-columns:292px minmax(0,1fr)
}

.sidebar {
    background:linear-gradient(180deg,#075a3c 0%,#074a38 62%,#063529 100%);
    border-right:0;
    box-shadow:10px 0 32px rgba(4,50,39,.12)
}

.erp-brand {
    min-height:92px;
    padding:15px 18px;
    background:#fff;
    border-radius:0 0 22px 0;
    margin:0 0 12px;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:12px
}

.erp-brand img {
    width:96px;
    max-height:58px;
    object-fit:contain
}

.erp-brand span {
    font-size:10px;
    line-height:1.25;
    color:#315767;
    letter-spacing:.08em
}

.erp-brand b {
    font-size:12px;
    color:#0b6e4a;
    letter-spacing:.05em
}

.erp-nav {
    padding:8px 13px 90px
}

.erp-nav>p {
    font-size:10px;
    color:#a9d7c3;
    letter-spacing:.14em;
    margin:20px 10px 8px
}

.erp-nav>a {
    min-height:48px;
    border-radius:12px;
    color:#e7f6ef;
    padding:0 12px;
    font-size:13px;
    font-weight:750;
    margin:4px 0
}

.erp-nav>a i {
    width:30px;
    height:30px;
    border-radius:9px;
    background:#ffffff12;
    color:#f6d65d;
    display:grid;
    place-items:center
}

.erp-nav>a:hover {
    background:#ffffff12
}

.erp-nav>a.active {
    background:linear-gradient(90deg,#13a775,#15956b);
    color:#fff;
    box-shadow:0 8px 22px rgba(13,134,91,.22)
}

.erp-nav>a.active i {
    background:#fff;
    color:#0a7f54
}

.erp-nav>a.active>b {
    display:none
}

.sidebar-foot {
    background:#073c30;
    border-top:1px solid #ffffff18
}

.sidebar-foot .avatar {
    background:#fff;
    color:#0a7551
}

.sidebar-foot strong {
    font-size:13px;
    color:#fff
}

.sidebar-foot small {
    font-size:9px;
    color:#a9d7c3
}

.erp-main {
    min-width:0
}

.erp-topbar {
    min-height:96px;
    padding:16px 26px;
    background:#fff;
    border-bottom:1px solid #e3edf2;
    box-shadow:0 7px 24px rgba(16,65,94,.05);
    gap:18px;
    position:sticky;
    top:0;
    z-index:30
}

.topbar-title p {
    font-size:10px;
    color:var(--srs-green);
    letter-spacing:.11em
}

.topbar-title h1 {
    font:700 20px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
    color:#14384c
}

.topbar-title span {
    font-size:11px;
    color:#718691
}

.system-state {
    border:1px solid #d9e7ef;
    background:#f9fcfd;
    border-radius:14px;
    padding:10px 13px
}

.system-state i {
    background:#19a360;
    box-shadow:0 0 0 5px #19a3601c
}

.system-state span {
    font-size:10px;
    color:#21455a
}

.system-state small {
    font-size:9px;
    color:#79909b
}

.global-search {
    width:min(420px,34vw);
    position:relative
}

.global-search input {
    height:46px;
    border:1px solid #d1e2eb;
    border-radius:14px;
    background:#f7fbfd;
    padding:0 16px 0 42px;
    font-size:13px;
    color:#173a4d;
    box-shadow:inset 0 1px 0 #fff
}

.global-search:before {
    content:'⌕';
    position:absolute;
    left:16px;
    top:9px;
    font-size:21px;
    color:#0e76bd;
    z-index:1
}

.global-search input:focus {
    outline:0;
    border-color:#69aee0;
    box-shadow:0 0 0 3px #1687d51a;
    background:#fff
}

.search-results {
    border:1px solid #d7e6ed;
    border-radius:14px;
    box-shadow:0 22px 60px rgba(10,53,78,.18);
    overflow:hidden
}

.search-results a {
    padding:12px 14px
}

.search-results b {
    font-size:12px
}

.search-results small {
    font-size:10px
}

.erp-content {
    padding:24px 26px 42px;
    max-width:1580px;
    margin:0 auto
}

.alert {
    border-radius:12px;
    font-size:12px;
    padding:12px 15px
}

.owner-command {
    grid-template-columns:280px 1fr;
    border:0;
    border-radius:20px;
    padding:20px;
    background:linear-gradient(135deg,#ffffff 0%,#f4fbff 100%);
    box-shadow:0 16px 42px rgba(18,71,101,.08);
    border-top:4px solid var(--srs-blue)
}

.owner-command-copy .overline {
    color:var(--srs-green)
}

.owner-command-copy h2 {
    font:800 28px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;
    color:#11394f
}

.owner-command-copy>span {
    font-size:12px;
    color:#70828c
}

.owner-command-actions {
    gap:12px
}

.owner-command-actions a {
    min-height:84px;
    border-radius:15px;
    border:1px solid #deebf1;
    background:#fff;
    box-shadow:0 6px 18px rgba(25,78,105,.05)
}

.owner-command-actions a:hover {
    transform:translateY(-2px);
    border-color:#89bfe1;
    box-shadow:0 10px 24px rgba(25,78,105,.09)
}

.owner-command-actions i {
    width:40px;
    height:40px;
    border-radius:12px;
    background:#eaf6ed;
    color:var(--srs-green);
    font-size:17px
}

.owner-command-actions span {
    font-size:11px;
    color:#5c737e
}

.owner-command-actions b {
    font-size:20px;
    color:#173b4d
}

.owner-command-actions .health-link {
    background:linear-gradient(135deg,#0a6fae,#0c8b65);
    border:0
}

.hero-dashboard {
    border-radius:22px;
    min-height:240px;
    background:linear-gradient(115deg,#075f9f 0%,#0b74b4 48%,#087a51 100%);
    box-shadow:0 18px 48px rgba(11,89,133,.17);
    overflow:hidden
}

.hero-dashboard:before {
    opacity:.26
}

.hero-dashboard .overline {
    color:#caefff
}

.hero-dashboard h2 {
    font:800 clamp(30px,3vw,50px)/1.03 Inter,ui-sans-serif,system-ui,sans-serif;
    color:#fff;
    max-width:760px
}

.hero-dashboard h2 em {
    font-style:normal;
    color:#bff3d4
}

.hero-dashboard p {
    font-size:13px;
    color:#d7eef7;
    max-width:720px;
    line-height:1.6
}

.hero-dashboard .primary-button {
    background:var(--srs-orange);
    border:0;
    border-radius:12px;
    color:#fff;
    font-size:12px;
    font-weight:850;
    box-shadow:0 10px 24px rgba(244,122,23,.28)
}

.kpi-grid {
    gap:14px
}

.kpi-grid article {
    border-radius:16px;
    border:1px solid #dce9ef;
    background:#fff;
    box-shadow:0 9px 24px rgba(26,74,97,.055);
    padding:17px
}

.kpi-grid article>span {
    font-size:10px;
    color:#5d7784;
    letter-spacing:.06em
}

.kpi-grid strong {
    font:800 28px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;
    color:#123d56
}

.kpi-grid small {
    font-size:11px;
    color:#7a8f99
}

.kpi-icon {
    width:42px;
    height:42px;
    border-radius:12px
}

.kpi-icon.lime {
    background:#e8f7ee;
    color:#078149
}

.kpi-icon.gold {
    background:#fff3df;
    color:#e2851c
}

.kpi-icon.blue {
    background:#e7f3fc;
    color:#0d75bd
}

.kpi-icon.cream {
    background:#f5efff;
    color:#7851b9
}

.panel {
    border-radius:18px;
    border:1px solid #dce9ef;
    background:#fff;
    box-shadow:0 10px 28px rgba(18,65,90,.055)
}

.panel-head {
    padding:18px 20px;
    border-bottom:1px solid #e6eef2
}

.panel-head h3 {
    font:800 19px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
    color:#173e53
}

.panel-sub {
    font-size:11px;
    color:#758992
}

.panel-head>a {
    font-size:11px;
    color:#0c76b8;
    font-weight:800
}

.network-panel {
    overflow:hidden
}

.network-panel .panel-head {
    background:linear-gradient(90deg,#f5fbff,#f5fcf8)
}

.network-total strong {
    color:var(--srs-blue);
    font-size:30px
}

.india-map {
    background:radial-gradient(circle at 50% 45%,#e5f6ff 0,#f7fbfd 62%,#fff 100%);
    border-radius:18px
}

.india-outline path {
    fill:#e5f3ea;
    stroke:#0f8b5e;
    stroke-width:1.2
}

.map-point i {
    background:#b8cfd9
}

.map-point.active i {
    background:#ff9b2f;
    box-shadow:0 0 0 5px #ff9b2f27,0 0 15px #ff9b2f8c
}

.map-point span {
    font-size:9px
}

.network-selected {
    background:linear-gradient(140deg,#0c6fb1,#0c8a60);
    border-radius:16px;
    color:#fff
}

.network-selected small,.network-selected span {
    color:#d7eff1
}

.network-selected a {
    color:#fff
}

.state-list button {
    border-radius:10px;
    font-size:11px
}

.state-list button:hover {
    background:#eef8fc
}

th {
    font-size:10px!important;
    color:#466373;
    background:#f5f9fb;
    letter-spacing:.05em
}

td {
    font-size:12.5px!important;
    color:#2a4858
}

.status {
    font-size:9px!important;
    border-radius:999px;
    padding:5px 8px
}

.primary-button,.secondary-button,button,input,select,textarea {
    font-family:inherit
}

.form-grid label {
    font-size:11px
}

.form-grid input,.form-grid select,.form-grid textarea {
    font-size:13px;
    min-height:42px;
    border-radius:10px
}

.data-table {
    border-radius:14px;
    overflow:hidden;
    border:1px solid #e1ebef
}

.health-head {
    background:linear-gradient(120deg,#0b69a8,#0b845b);
    border-radius:20px
}

.health-head h2 {
    font:800 30px/1.2 Inter,ui-sans-serif,system-ui,sans-serif
}

.health-kpis article {
    border-radius:14px
}

.health-kpis strong {
    font:800 28px Inter,ui-sans-serif,system-ui,sans-serif;
    color:#123f56
}

@media(max-width:1180px) {
    .erp-shell {
        grid-template-columns:260px minmax(0,1fr)
    }

    .global-search {
        width:300px
    }

    .owner-command {
        grid-template-columns:1fr
    }

    .owner-command-actions {
        grid-template-columns:repeat(3,1fr)
    }

}

@media(max-width:900px) {
    .erp-shell {
        display:block
    }

    .sidebar {
        position:fixed;
        left:-310px;
        top:0;
        bottom:0;
        width:292px;
        z-index:60;
        transition:left .2s
    }

    .sidebar.open {
        left:0
    }

    .erp-topbar {
        padding:12px 14px;
        min-height:82px;
        flex-wrap:wrap
    }

    .global-search {
        width:100%;
        order:4
    }

    .erp-content {
        padding:16px
    }

    .owner-command-actions {
        grid-template-columns:1fr 1fr
    }

    .kpi-grid {
        grid-template-columns:1fr 1fr
    }

    .hero-dashboard {
        padding:24px
    }

    .hero-dashboard h2 {
        font-size:34px
    }

}

@media(max-width:600px) {
    .owner-command-actions,.kpi-grid {
        grid-template-columns:1fr
    }

    .erp-content {
        padding:12px
    }

    .hero-dashboard h2 {
        font-size:29px
    }

    .hero-dashboard p {
        font-size:12px
    }

    .network-layout {
        grid-template-columns:1fr
    }

    .india-map {
        min-height:330px
    }

}