/* Lavender Admin V4 — deeper, premium, task-oriented dashboard */
#demoView{
  background:
    radial-gradient(circle at 13% 8%,rgba(187,145,211,.24),transparent 28rem),
    radial-gradient(circle at 88% 88%,rgba(103,70,132,.30),transparent 34rem),
    linear-gradient(135deg,#171020 0%,#281635 42%,#4f2b63 100%)!important;
  min-height:100vh;
  padding-bottom:70px;
}
#demoView:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
#demoView .app-topbar{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 20px 55px rgba(10,4,18,.22)!important;
  backdrop-filter:blur(18px);
}
#demoView .dashboard{gap:20px!important}
#demoView .dash-nav{
  background:linear-gradient(180deg,#452354 0%,#5e3471 48%,#351c42 100%)!important;
  box-shadow:0 26px 70px rgba(14,6,20,.34)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
#demoView .dash-nav:after{content:"";position:absolute;inset:auto -70px -80px auto;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
#demoView .dash-nav button.active{background:linear-gradient(135deg,#fff,#f5eef8)!important;color:#4d295c!important;box-shadow:0 10px 25px rgba(15,7,22,.18)}
#demoView .dash-main{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,244,250,.97))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:28px!important;
  box-shadow:0 28px 75px rgba(10,4,18,.30)!important;
}
#demoView .stat-grid article{
  background:linear-gradient(145deg,#fff,#f8f2fa)!important;
  border-color:#e2d5e8!important;
  box-shadow:0 10px 24px rgba(65,38,78,.07)!important;
}
#demoView .data-table,#demoView .admin-card,#demoView .settings-grid,#demoView .dash-panels>article{
  border-color:#e0d4e5!important;
  box-shadow:0 14px 34px rgba(57,34,68,.07)!important;
}
#demoView .data-row:not(.header):hover{background:#f8f1fb!important}
#demoView .mini-btn{font-weight:800}
#demoView .mini-btn.whatsapp{background:#effbf4;border-color:#ccebd9;color:#177545}
#demoView .status.departed{background:#eeeafb;color:#554197}
#demoView .badge.gold{background:#fff3d5;color:#8b650d}
#demoView .attendance-note{
  margin:-6px 0 14px;padding:12px 15px;border-radius:14px;background:linear-gradient(90deg,#f4eef8,#fff);
  border:1px solid #dfd1e6;color:#67586f;font-size:12px;font-weight:700;line-height:1.7
}
#demoView .attendance-summary-v4{grid-template-columns:repeat(4,1fr)}
#demoView .attendance-summary-v4>div:nth-child(1){border-right:4px solid #4e9b68}
#demoView .attendance-summary-v4>div:nth-child(2){border-right:4px solid #6f63a8}
#demoView .attendance-summary-v4>div:nth-child(3){border-right:4px solid #c55f68}
#demoView .attendance-summary-v4>div:nth-child(4){border-right:4px solid #d3a13a}
#demoView .parent-tools{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;align-items:start}
#demoView .parent-action-card{position:sticky;top:118px}
#demoView .parent-action-card p,#demoView .card-note{margin:-5px 0 8px;color:#796c80;font-size:12px;line-height:1.7}
#demoView .quick-action-chips{display:flex;gap:7px;flex-wrap:wrap}
#demoView .quick-action-chips span{padding:7px 10px;border-radius:999px;background:#f3ecf6;color:#654474;font-size:11px;font-weight:800;border:1px solid #e1d3e7}
#demoView .subheading{margin-top:12px!important}
#demoView .billing-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:16px;margin-bottom:16px}
#demoView .invoice-form{align-content:start}
#demoView .form-row-v4{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#demoView .invoices-card{margin-top:4px}
#demoView .card-head-v4{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
#demoView .card-head-v4 h3{margin:0 0 3px}
#demoView .card-head-v4 small{color:#7c6f82}
#demoView .document-list{display:grid;gap:9px}
#demoView .document-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:1px solid #e6dce9;border-radius:14px;background:#fbf9fc}
#demoView .document-item div{display:grid;gap:4px}
#demoView .document-item b{color:#3c2645;font-size:13px}
#demoView .document-item span{color:#7b6e80;font-size:11px}
#demoView .modal-summary{display:grid;gap:3px;padding:12px 14px;border-radius:14px;background:#f5eff8;border:1px solid #e2d5e8}
#demoView .modal-summary b{color:#442a50}.modal-summary span{color:#7b6d81;font-size:12px}
#demoView .modal-actions-v4{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#demoView .btn-whatsapp{background:#1f9d5a;color:white}
#demoView .contract-preview{display:grid;gap:10px;color:#47394e;line-height:1.8}
#demoView .contract-preview h3{font-size:22px;margin:2px 0}
#demoView .contract-preview p{margin:0}
#demoView .contract-preview hr{border:0;border-top:1px solid #e5d9e9;width:100%}
#demoView .doc-chip{width:max-content;background:#f0e7f4;color:#68447a;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}
#demoView #messageStudentWrap{padding:10px;border:1px dashed #d7c5df;border-radius:13px;background:#fcf9fd}

@media(max-width:1100px){
 #demoView .parent-tools,#demoView .billing-grid{grid-template-columns:1fr}
 #demoView .parent-action-card{position:static}
}
@media(max-width:700px){
 #demoView{background:linear-gradient(160deg,#1b1225,#432653 70%,#5e3672)!important}
 #demoView .attendance-summary-v4{grid-template-columns:1fr 1fr}
 #demoView .form-row-v4,#demoView .modal-actions-v4{grid-template-columns:1fr}
}
@media print{
 #demoView .dash-nav,#demoView .app-topbar,#demoView .dashboard>.dash-main>.dash-panel:not(.active),#demoView .modal-head button{display:none!important}
 #demoView .modal{position:static!important;background:#fff!important;padding:0!important}
 #demoView .modal-card{box-shadow:none!important;max-height:none!important}
}