.azyam-studio-app{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1200px;margin:20px auto;padding:20px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:16px;box-sizing:border-box}.azyam-studio-app *{box-sizing:border-box}.azyam-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.azyam-header strong{font-size:22px;display:block}.azyam-header small{color:#6b7280}.azyam-progress{display:flex;gap:6px;overflow:auto;margin-bottom:20px}.azyam-progress span{padding:9px 12px;background:#f3f4f6;border-radius:999px;white-space:nowrap;font-size:13px}.azyam-progress span.active{background:#111827;color:#fff}.azyam-step{display:none}.azyam-step.active{display:block}.camera-toolbar,.camera-actions,.step-actions,.admin-toolbar,.inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.camera-box{background:#111827;border-radius:14px;min-height:380px;position:relative;overflow:hidden;margin:14px 0}.camera-box video{width:100%;height:100%;min-height:380px;object-fit:contain;display:block}.camera-box div{position:absolute;inset:auto 15px 15px;padding:9px;background:rgba(0,0,0,.65);color:#fff;border-radius:8px}.azyam-btn{border:0;border-radius:9px;background:#111827;color:#fff;padding:11px 17px;cursor:pointer;font-weight:600}.azyam-btn.secondary{background:#e5e7eb;color:#111827}.azyam-btn:disabled{opacity:.5;cursor:not-allowed}.file-label{display:inline-block}.azyam-help{font-size:13px;color:#6b7280}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}.form-grid label,.editor-controls label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.form-grid input,.inline-form input,.admin-settings-form input,.camera-toolbar select,.inline-form select{padding:11px;border:1px solid #d1d5db;border-radius:8px;width:100%}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:15px 0}.choice-card{border:1px solid #d1d5db;padding:14px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:5px}.choice-card:has(input:checked){border-color:#111827;background:#f9fafb}.choice-card small{color:#6b7280}.choice-card input{margin-right:5px}.editor-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.editor-preview{width:100%;max-height:600px;object-fit:contain;background:#111827;border-radius:12px}.editor-controls{display:flex;flex-direction:column;gap:14px}.editor-controls input{width:100%}.payment-summary,.success-card{padding:18px;border:1px solid #d1d5db;border-radius:12px;background:#f9fafb;margin:15px 0}.azyam-message{margin-top:15px;padding:10px;border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.link-btn{border:0;background:none;text-decoration:underline;cursor:pointer}.admin-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:20px}.admin-tabs button{border:0;background:#f3f4f6;padding:10px 14px;border-radius:8px;cursor:pointer;white-space:nowrap}.admin-tabs button.active{background:#111827;color:#fff}.admin-tab{display:none}.admin-tab.active{display:block}.inline-form>*{flex:1;min-width:130px}.toggle{display:block;margin:15px 0}.azyam-login-required{padding:20px;border:1px solid #f59e0b;background:#fffbeb;border-radius:10px}.print-area{width:4in;height:6in;background:#fff;position:relative;overflow:hidden}.print-photo{position:absolute;object-fit:fill}.print-sheet{position:relative;width:4in;height:6in;background:#fff}.@media(max-width:700px){.form-grid,.editor-grid{grid-template-columns:1fr}.camera-box,.camera-box video{min-height:280px}.azyam-studio-app{padding:12px;margin:8px}.azyam-header{align-items:flex-start}.azyam-header .azyam-btn{padding:9px}.inline-form>*{min-width:100%}}@media screen{.print-area{display:none!important}}
@media print{
 @page{size:6in 4in;margin:0!important}
 html,body{margin:0!important;padding:0!important;width:6in!important;height:4in!important;min-width:6in!important;min-height:4in!important;max-width:6in!important;max-height:4in!important;overflow:hidden!important;background:#fff!important}
 /* Print only the generated 6x4 sheet. Remove all other document layout so it cannot create blank pages. */
 body > *{display:none!important}
 body > .azyam-studio-app{display:block!important;position:static!important;width:6in!important;height:4in!important;min-width:6in!important;min-height:4in!important;max-width:6in!important;max-height:4in!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
 .azyam-studio-app > *{display:none!important}
 .azyam-studio-app .azyam-customer-app{display:block!important;width:6in!important;height:4in!important;margin:0!important;padding:0!important;overflow:hidden!important}
 .azyam-customer-app > *{display:none!important}
 .azyam-customer-app .azyam-step[data-step="5"]{display:block!important;width:6in!important;height:4in!important;margin:0!important;padding:0!important;overflow:hidden!important}
 .azyam-step[data-step="5"] > :not(.print-area){display:none!important}
 .print-area,.print-area *{visibility:visible!important}
 .print-area{display:block!important;position:absolute!important;left:0!important;top:0!important;width:6in!important;height:4in!important;min-width:6in!important;min-height:4in!important;max-width:6in!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:#fff!important}
 .print-sheet{position:relative!important;display:block!important;width:6in!important;height:4in!important;min-width:6in!important;min-height:4in!important;max-width:6in!important;max-height:4in!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;page-break-before:auto!important;break-before:auto!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:always!important;break-after:page!important}
 .print-sheet:last-child{page-break-after:auto!important;break-after:auto!important}
 .print-photo{position:absolute!important;object-fit:fill!important;display:block!important;margin:0!important;padding:0!important;border:0!important}
}


.option-form-card{padding:14px;margin:12px 0 18px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.option-table-wrap{margin-top:10px}.option-table-wrap table{min-width:760px}.option-table-wrap th{background:#f3f4f6;font-weight:700}.status-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.status-badge.live{background:#dcfce7;color:#166534}.status-badge.off{background:#fee2e2;color:#991b1b}.link-btn.danger{color:#b91c1c}.inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important;white-space:nowrap}.inline-check input{width:auto!important}.option-table-wrap td{vertical-align:middle}.option-table-wrap .link-btn{margin-right:7px}

/* v1.2.1 customer camera/crop/admin preview */
.camera-box{aspect-ratio:16/9;min-height:0;display:flex;align-items:center;justify-content:center}.camera-box video{min-height:0;width:100%;height:100%;object-fit:contain}.camera-box.orientation-landscape{aspect-ratio:16/9}.camera-box:not(.orientation-landscape){aspect-ratio:9/16;max-width:620px;margin-left:auto;margin-right:auto}.crop-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.4);pointer-events:none;z-index:3}.crop-frame.passport-crop{width:32%;aspect-ratio:32/42}.crop-frame.standard-crop{width:80%;aspect-ratio:9/16}.orientation-landscape .crop-frame.standard-crop{aspect-ratio:16/9}.editor-preview-wrap{position:relative;min-height:260px;background:#111827;border-radius:12px;overflow:hidden}.editor-preview{display:block;max-height:600px;margin:auto}.preview-ratio-badge{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:12px}.field-error{border-color:#dc2626!important;box-shadow:0 0 0 2px rgba(220,38,38,.12)}.printer-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 15px}.azyam-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.azyam-modal[hidden]{display:none}.azyam-modal-card{background:#fff;border-radius:16px;padding:20px;max-width:720px;width:100%;max-height:90vh;overflow:auto;position:relative}.azyam-modal-card img{display:block;width:100%;max-height:65vh;object-fit:contain;background:#111827;border-radius:10px}.azyam-modal-close{position:absolute;right:12px;top:10px;border:0;background:#eee;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.inline-check{cursor:pointer}.inline-check input{width:auto!important}

/* v1.2.2: camera preview without crop overlay */
.crop-frame{display:none!important}.payment-methods{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.payment-methods .azyam-btn{min-width:150px}


/* =========================================================
   AZYAM STUDIO — PREMIUM GLASS INTERFACE
   Visual-only layer. Does not alter JS/PHP/functionality.
   ========================================================= */
@media screen {
  .azyam-studio-app{
    --az-bg:rgba(255,255,255,.62);
    --az-border:rgba(255,255,255,.72);
    --az-shadow:0 22px 60px rgba(15,23,42,.14),0 4px 18px rgba(15,23,42,.06);
    --az-soft:rgba(255,255,255,.46);
    --az-text:#172033;
    --az-muted:#687386;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    max-width:1240px;
    margin:28px auto;
    padding:26px;
    color:var(--az-text);
    background:
      radial-gradient(circle at 8% 4%,rgba(99,102,241,.13),transparent 28%),
      radial-gradient(circle at 94% 8%,rgba(14,165,233,.12),transparent 26%),
      radial-gradient(circle at 50% 105%,rgba(168,85,247,.10),transparent 32%),
      linear-gradient(135deg,rgba(255,255,255,.82),rgba(241,245,249,.68));
    border:1px solid rgba(255,255,255,.86);
    border-radius:28px;
    box-shadow:var(--az-shadow);
    backdrop-filter:blur(24px) saturate(145%);
    -webkit-backdrop-filter:blur(24px) saturate(145%);
  }

  .azyam-studio-app:before{
    content:"";
    position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(120deg,rgba(255,255,255,.30),transparent 42%,rgba(255,255,255,.18));
  }

  .azyam-header{
    margin:-2px -2px 22px;
    padding:18px 20px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.82);
    background:rgba(255,255,255,.42);
    box-shadow:0 10px 30px rgba(15,23,42,.07);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .azyam-header strong{
    font-size:clamp(21px,2.5vw,29px);
    letter-spacing:-.025em;
    background:linear-gradient(90deg,#111827,#4f46e5,#0891b2);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .azyam-header small{color:var(--az-muted)}

  .azyam-progress{
    gap:8px;padding:5px;margin:0 0 22px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:18px;background:rgba(255,255,255,.34);
    box-shadow:inset 0 1px rgba(255,255,255,.7);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  }
  .azyam-progress span{
    padding:10px 15px;
    border:1px solid transparent;
    background:rgba(255,255,255,.42);
    color:#5b6473;
    box-shadow:0 3px 12px rgba(15,23,42,.04);
    transition:.2s ease;
  }
  .azyam-progress span.active{
    background:linear-gradient(135deg,#111827,#4338ca);
    border-color:rgba(255,255,255,.35);
    box-shadow:0 7px 20px rgba(67,56,202,.24);
  }

  .azyam-step{
    animation:azGlassIn .22s ease both;
  }
  @keyframes azGlassIn{
    from{opacity:.55;transform:translateY(5px)}
    to{opacity:1;transform:none}
  }

  .form-grid,.size-grid,.editor-grid{
    gap:16px;
  }

  .form-grid label,.editor-controls label{
    color:#344054;
    font-size:13px;
  }

  .form-grid input,.inline-form input,.admin-settings-form input,
  .camera-toolbar select,.inline-form select,
  .editor-controls input{
    border:1px solid rgba(148,163,184,.38);
    background:rgba(255,255,255,.58);
    color:#172033;
    border-radius:13px;
    padding:12px 13px;
    box-shadow:inset 0 1px rgba(255,255,255,.8),0 4px 12px rgba(15,23,42,.035);
    outline:none;
    transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;
    backdrop-filter:blur(10px);
  }
  .form-grid input:focus,.inline-form input:focus,
  .admin-settings-form input:focus,.camera-toolbar select:focus,
  .inline-form select:focus,.editor-controls input:focus{
    border-color:rgba(79,70,229,.55);
    background:rgba(255,255,255,.78);
    box-shadow:0 0 0 4px rgba(79,70,229,.10),0 8px 22px rgba(15,23,42,.06);
  }

  .size-grid{margin:17px 0}
  .choice-card{
    position:relative;
    padding:17px;
    border:1px solid rgba(148,163,184,.30);
    border-radius:17px;
    background:rgba(255,255,255,.43);
    box-shadow:0 7px 20px rgba(15,23,42,.055),inset 0 1px rgba(255,255,255,.8);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
    backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  }
  .choice-card:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(15,23,42,.10);
    background:rgba(255,255,255,.60);
  }
  .choice-card:has(input:checked){
    border-color:rgba(79,70,229,.55);
    background:linear-gradient(135deg,rgba(238,242,255,.82),rgba(255,255,255,.55));
    box-shadow:0 12px 28px rgba(79,70,229,.12),inset 0 0 0 1px rgba(255,255,255,.7);
  }

  .azyam-btn{
    border:1px solid rgba(255,255,255,.25);
    border-radius:13px;
    padding:11px 18px;
    background:linear-gradient(135deg,#111827,#3730a3);
    box-shadow:0 8px 18px rgba(30,41,59,.18),inset 0 1px rgba(255,255,255,.22);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  }
  .azyam-btn:hover:not(:disabled){
    transform:translateY(-2px);
    filter:brightness(1.06);
    box-shadow:0 13px 25px rgba(30,41,59,.22),inset 0 1px rgba(255,255,255,.25);
  }
  .azyam-btn:active:not(:disabled){transform:translateY(0)}
  .azyam-btn.secondary{
    background:rgba(255,255,255,.58);
    color:#253047;
    border-color:rgba(148,163,184,.28);
    box-shadow:0 6px 16px rgba(15,23,42,.07),inset 0 1px rgba(255,255,255,.8);
  }

  .camera-box{
    border:1px solid rgba(255,255,255,.18);
    border-radius:22px;
    box-shadow:0 18px 40px rgba(15,23,42,.20),inset 0 1px rgba(255,255,255,.12);
    background:linear-gradient(145deg,#111827,#020617);
  }
  .camera-box div{
    border:1px solid rgba(255,255,255,.14);
    background:rgba(15,23,42,.54);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }

  .editor-preview-wrap{
    border:1px solid rgba(255,255,255,.18);
    border-radius:20px;
    box-shadow:0 16px 35px rgba(15,23,42,.15);
  }
  .editor-preview{border-radius:16px}

  .payment-summary,.success-card,.option-form-card{
    border:1px solid rgba(255,255,255,.70);
    border-radius:18px;
    background:rgba(255,255,255,.48);
    box-shadow:0 10px 28px rgba(15,23,42,.075),inset 0 1px rgba(255,255,255,.75);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  }

  .azyam-message{
    border:1px solid rgba(255,255,255,.65);
    box-shadow:0 6px 16px rgba(15,23,42,.06);
  }

  .admin-tabs{
    gap:8px;padding:5px;
    border:1px solid rgba(255,255,255,.70);
    border-radius:17px;
    background:rgba(255,255,255,.35);
    box-shadow:inset 0 1px rgba(255,255,255,.7);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  }
  .admin-tabs button{
    border:1px solid transparent;
    background:rgba(255,255,255,.38);
    color:#596477;
    padding:10px 15px;
    border-radius:12px;
    transition:.18s ease;
  }
  .admin-tabs button:hover{background:rgba(255,255,255,.68);color:#202a3c}
  .admin-tabs button.active{
    background:linear-gradient(135deg,#111827,#4338ca);
    color:#fff;
    box-shadow:0 7px 18px rgba(67,56,202,.22);
  }

  .table-wrap,.option-table-wrap{
    border:1px solid rgba(255,255,255,.68);
    border-radius:18px;
    overflow:auto;
    background:rgba(255,255,255,.36);
    box-shadow:0 10px 26px rgba(15,23,42,.06);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  }
  table{border-collapse:separate;border-spacing:0}
  th,td{border-bottom:1px solid rgba(148,163,184,.16)}
  th{
    background:rgba(255,255,255,.45);
    color:#344054;
    font-weight:700;
  }
  tr:last-child td{border-bottom:0}
  .option-table-wrap th{background:rgba(255,255,255,.50)}

  .status-badge{box-shadow:inset 0 1px rgba(255,255,255,.55),0 3px 9px rgba(15,23,42,.05)}
  .azyam-login-required{
    border:1px solid rgba(245,158,11,.30);
    background:rgba(255,251,235,.62);
    border-radius:18px;
    box-shadow:0 10px 25px rgba(245,158,11,.08),inset 0 1px rgba(255,255,255,.8);
    backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
  }

  .azyam-modal{
    background:rgba(2,6,23,.62);
    backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  }
  .azyam-modal-card{
    border:1px solid rgba(255,255,255,.72);
    background:rgba(255,255,255,.78);
    box-shadow:0 30px 80px rgba(2,6,23,.28),inset 0 1px rgba(255,255,255,.9);
    border-radius:24px;
    backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);
  }
  .azyam-modal-close{
    background:rgba(255,255,255,.66);
    box-shadow:0 5px 14px rgba(15,23,42,.10);
  }

  .printer-tools{padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.65)}
  .azyam-help{color:#687386}

  @media(max-width:700px){
    .azyam-studio-app{
      margin:10px 7px;padding:14px;border-radius:21px;
    }
    .azyam-header{padding:15px;border-radius:17px}
    .azyam-progress{border-radius:15px}
    .azyam-progress span{padding:9px 12px}
    .choice-card{border-radius:15px}
    .admin-tabs{border-radius:15px}
  }
}

/* Camera source integration */
#azyam-bridge-preview{width:100%;height:100%;object-fit:contain;display:block;background:#000}
#azyam-bridge-preview[hidden]{display:none!important}
#azyam-video[hidden]{display:none!important}

/* v1.3.25: Customer camera preview defaults to landscape 16:9 */
#azyam-camera-box.camera-box{aspect-ratio:16/9;min-height:0;width:100%;max-width:none;}
#azyam-camera-box.camera-box video,#azyam-camera-box.camera-box #azyam-bridge-preview{width:100%;height:100%;min-height:0;object-fit:contain;}

/* v1.3.26: customer camera alignment instruction */
.azyam-camera-instruction{margin:10px 0 0;text-align:center;font-size:14px;font-weight:600;color:#4b5563;line-height:1.5;}

/* Disabled copy choices: used only when SSLC photo size is selected. */
.choice-card.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}
.choice-card.disabled input{cursor:not-allowed}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:16px 0 24px}.dashboard-card{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.dashboard-card strong{display:block;font-size:28px;line-height:1.1}.dashboard-card span{display:block;margin-top:8px;opacity:.75}.azyam-login-required form{display:grid;gap:14px;max-width:420px}.azyam-login-required form label{display:grid;gap:6px}.azyam-login-required form input{width:100%;box-sizing:border-box}.admin-tabs{flex-wrap:wrap}


/* v1.5.2: Centre Login + Frontend Centre Dashboard */
.customer-header-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.centre-login-btn{border-color:rgba(59,130,246,.28)!important}
.azyam-centre-login-card{max-width:480px;margin:40px auto;padding:34px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 30px 80px rgba(15,23,42,.16),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);text-align:center}
.azyam-centre-login-icon{width:58px;height:58px;margin:0 auto 13px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:23px;background:rgba(255,255,255,.68);box-shadow:0 10px 25px rgba(15,23,42,.10)}
.azyam-centre-login-kicker,.centre-dashboard-hero>div>span,.centre-dashboard-section .section-heading span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;opacity:.58}
.azyam-centre-login-card h2{margin:4px 0 8px;font-size:30px}.azyam-centre-login-centre{margin:0 0 22px;font-weight:700}.azyam-centre-login-centre span{display:inline-block;margin-left:7px;padding:4px 8px;border-radius:999px;background:rgba(15,23,42,.07);font-size:12px}
.azyam-centre-login-form{display:grid;gap:14px;text-align:left}.azyam-centre-login-form label{display:grid;gap:6px;font-weight:600}.azyam-centre-login-form input{width:100%;box-sizing:border-box}.azyam-centre-login-form .azyam-btn{text-align:center;width:100%;margin-top:4px}.azyam-back-link{display:inline-block;margin-top:18px;font-size:14px;text-decoration:none}
.centre-dashboard-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;padding:8px;border:1px solid rgba(255,255,255,.55);border-radius:17px;background:rgba(255,255,255,.32);backdrop-filter:blur(15px)}
.centre-dashboard-nav a{padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px}.centre-dashboard-nav a.active,.centre-dashboard-nav a:hover{background:rgba(255,255,255,.72);box-shadow:0 6px 18px rgba(15,23,42,.07)}
.centre-dashboard-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px;margin:12px 0 18px;border-radius:24px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.30));box-shadow:0 20px 55px rgba(15,23,42,.09),inset 0 1px rgba(255,255,255,.85);backdrop-filter:blur(18px)}
.centre-dashboard-hero h1{margin:5px 0 5px;font-size:30px}.centre-dashboard-hero p{margin:0;opacity:.68}.centre-stat-grid .dashboard-card{min-height:80px}
.centre-dashboard-section{margin-top:24px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.30);box-shadow:0 15px 40px rgba(15,23,42,.06);backdrop-filter:blur(16px)}
.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.section-heading h2{margin:4px 0 0}.quick-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-status-row>div,.centre-report-card>div{padding:18px;border-radius:17px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.6)}.quick-status-row strong,.centre-report-card strong{display:block;font-size:23px}.quick-status-row span,.centre-report-card small{display:block;opacity:.62;margin-top:5px}.centre-report-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:700px){.centre-dashboard-hero,.section-heading{flex-direction:column;align-items:stretch}.quick-status-row,.centre-report-card{grid-template-columns:1fr}.customer-header-actions{justify-content:flex-end}}