:root{
  --deco-blue:#33B2DA;
  --deco-cyan:#00e7ff;
  --deco-navy:#07172c;
  --deco-deep:#020813;
  --deco-panel:rgba(9,22,42,.82);
  --deco-card:rgba(11,29,53,.78);
  --deco-border:rgba(0,231,255,.22);
  --deco-text:#eafaff;
  --deco-muted:#93b5c9;
  --deco-green:#a8ff3e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(51,178,218,.35),transparent 32%),
    radial-gradient(circle at 92% 12%,rgba(168,255,62,.12),transparent 28%),
    linear-gradient(135deg,#020813 0%,#07172c 44%,#031f36 100%);
  color:var(--deco-text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}
a{color:#7cf4ff}.app-shell{display:flex;min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{content:"";position:fixed;inset:0;background:url('../img/office-bg.jpg') center/cover no-repeat;opacity:.13;filter:saturate(1.25);pointer-events:none}.app-shell:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(2,8,19,.97),rgba(2,8,19,.72),rgba(2,8,19,.93));pointer-events:none}.sidebar,.main-content{position:relative;z-index:1}.sidebar{width:286px;background:linear-gradient(180deg,rgba(2,8,19,.94),rgba(6,28,54,.92));color:#fff;padding:22px;position:fixed;inset:0 auto 0 0;overflow:auto;border-right:1px solid var(--deco-border);box-shadow:18px 0 60px rgba(0,0,0,.28)}.main-content{margin-left:286px;width:calc(100% - 286px)}.brand-box{display:flex;gap:12px;align-items:center;margin-bottom:24px;padding:14px;border:1px solid var(--deco-border);border-radius:22px;background:linear-gradient(135deg,rgba(0,231,255,.08),rgba(255,255,255,.03));box-shadow:0 0 35px rgba(0,231,255,.08)}.brand-logo{max-width:160px;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(51,178,218,.45))}.brand-title{font-weight:900;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.brand-box small{color:var(--deco-muted)}.side-nav .nav-link{color:#cceef9;padding:12px 14px;border-radius:15px;margin:5px 0;font-weight:700;border:1px solid transparent;transition:.22s}.side-nav .nav-link:hover,.side-nav .nav-link.active{background:linear-gradient(135deg,rgba(51,178,218,.22),rgba(0,231,255,.08));border-color:rgba(0,231,255,.32);color:#fff;box-shadow:0 0 22px rgba(0,231,255,.12);transform:translateX(3px)}.topbar{min-height:118px;background:linear-gradient(135deg,rgba(6,23,44,.86),rgba(13,90,130,.46));color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--deco-border);backdrop-filter:blur(16px)}.topbar h1{font-size:30px;margin:0;font-weight:950;letter-spacing:-.02em;text-shadow:0 0 22px rgba(0,231,255,.22)}.topbar p{margin:7px 0 0;color:#bfefff}.user-chip{display:flex;gap:10px;align-items:center;background:rgba(5,15,29,.65);border:1px solid var(--deco-border);border-radius:18px;padding:10px 13px;box-shadow:0 0 25px rgba(0,231,255,.08)}.user-chip small{display:block;color:#a4cee2}.content-wrap{padding:28px 32px}.card{background:linear-gradient(145deg,rgba(10,27,51,.86),rgba(5,15,29,.78));border:1px solid var(--deco-border);border-radius:22px;color:var(--deco-text);box-shadow:0 20px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(14px)}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:#fff}.text-muted{color:var(--deco-muted)!important}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;background:rgba(0,231,255,.15);border-radius:50%;filter:blur(2px)}.stat-card .label{color:#9bc6db;font-size:14px}.stat-card .value{font-size:34px;font-weight:950;color:#fff;text-shadow:0 0 18px rgba(0,231,255,.25)}.btn-primary{background:linear-gradient(135deg,#0787c8,#00e7ff);border:0;color:#00172a;font-weight:850;box-shadow:0 0 22px rgba(0,231,255,.20)}.btn-primary:hover{filter:brightness(1.08);color:#00172a}.btn-outline-primary{border-color:#35dfff;color:#71f4ff;font-weight:700}.btn-outline-primary:hover{background:#00e7ff;border-color:#00e7ff;color:#031121}.btn-light{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);color:#fff}.btn-light:hover{background:rgba(255,255,255,.18);color:#fff}.table{vertical-align:middle;color:#eafaff}.table>:not(caption)>*>*{background:transparent;color:inherit;border-bottom-color:rgba(255,255,255,.10)}.table thead th{background:rgba(0,231,255,.10);color:#bff8ff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(0,231,255,.24)}.table-hover tbody tr:hover{background:rgba(0,231,255,.06)}.table-bordered>:not(caption)>*{border-color:rgba(255,255,255,.12)}.badge{border-radius:999px;padding:.48rem .70rem}.form-label{color:#c7edf7;font-weight:750}.form-control,.form-select{border-radius:13px;border:1px solid rgba(0,231,255,.20);padding:.70rem .82rem;background:rgba(2,8,19,.56);color:#fff}.form-control:focus,.form-select:focus{background:rgba(2,8,19,.72);color:#fff;border-color:#00e7ff;box-shadow:0 0 0 .2rem rgba(0,231,255,.12)}.form-control::placeholder{color:#6e91a6}.form-select option{background:#06172d;color:#fff}.alert{border-radius:16px;border:1px solid rgba(255,255,255,.10)}.login-page{min-height:100vh;background:linear-gradient(90deg,rgba(2,8,19,.96),rgba(2,8,19,.65)),url('../img/office-bg.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:22px;color:#fff}.login-card{width:min(440px,100%);background:linear-gradient(145deg,rgba(5,15,29,.86),rgba(11,29,53,.72));border:1px solid rgba(0,231,255,.25);border-radius:30px;box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 50px rgba(0,231,255,.12);padding:32px;backdrop-filter:blur(16px)}.login-logo-img{display:block;width:230px;max-width:86%;height:auto;margin:0 auto 18px;filter:drop-shadow(0 0 16px rgba(0,231,255,.42))}.login-icon{display:block;width:84px;height:84px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 0 18px rgba(0,231,255,.55))}.report-title{text-align:center}.print-only{display:none}.muster-table th,.muster-table td{font-size:12px;padding:6px;text-align:center}.calendar-cell{min-width:36px}.status-P{background:rgba(37,255,123,.16)!important}.status-A{background:rgba(255,70,104,.18)!important}.status-L{background:rgba(255,213,84,.18)!important}.status-H{background:rgba(81,190,255,.18)!important}.profile-photo{width:52px;height:52px;border-radius:16px;object-fit:cover;border:1px solid rgba(0,231,255,.35);box-shadow:0 0 16px rgba(0,231,255,.12)}.profile-photo-lg{width:104px;height:104px;border-radius:24px;object-fit:cover;border:1px solid rgba(0,231,255,.35);box-shadow:0 0 26px rgba(0,231,255,.16)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#73f2ff;font-weight:900;border-bottom:1px solid rgba(0,231,255,.18);padding-bottom:10px;margin:18px 0 14px}.doc-link{display:inline-flex;align-items:center;gap:6px;margin:3px 4px 3px 0;padding:6px 10px;border-radius:999px;background:rgba(0,231,255,.08);border:1px solid rgba(0,231,255,.18);text-decoration:none;color:#bff8ff;font-size:12px}.report-grid .card{transition:.22s}.report-grid .card:hover{transform:translateY(-4px);box-shadow:0 26px 80px rgba(0,0,0,.30),0 0 42px rgba(0,231,255,.12)}@media(max-width:900px){.sidebar{position:relative;width:100%;inset:auto}.app-shell{display:block}.main-content{margin-left:0;width:100%}.topbar{display:block}.user-chip{margin-top:14px;display:inline-flex}.content-wrap{padding:18px}.table-responsive{font-size:13px}.brand-logo{max-width:135px}}@media print{body{background:#fff;color:#000}.app-shell:before,.app-shell:after,.sidebar,.topbar,.no-print,.btn,.alert{display:none!important}.main-content{margin:0;width:100%}.content-wrap{padding:0}.card{box-shadow:none;border:0;background:#fff;color:#000}.card *{color:#000!important}.print-only{display:block}.table thead th{background:#fff!important;color:#000}.muster-table th,.muster-table td{border:1px solid #000!important}.page-break{page-break-after:always}}

/* Decolam footer credit */
.app-footer{
  margin:26px 0 4px;
  padding:16px 18px;
  border:1px solid rgba(0,231,255,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(0,231,255,.07),rgba(255,255,255,.025));
  box-shadow:0 0 28px rgba(0,231,255,.06);
  text-align:center;
}
.footer-credit,.login-footer-credit{
  color:#c9f8ff;
  font-size:13px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(0,231,255,.28);
}
.heart{
  color:#ff3b7b;
  display:inline-block;
  margin:0 3px;
  animation:decoHeartBeat 1.35s ease-in-out infinite;
  text-shadow:0 0 14px rgba(255,59,123,.72);
}
.login-footer-credit{
  position:fixed;
  left:0;
  right:0;
  bottom:16px;
  text-align:center;
  z-index:2;
}
@keyframes decoHeartBeat{
  0%,100%{transform:scale(1)}
  38%{transform:scale(1.24)}
  58%{transform:scale(.98)}
}


/* V2.4 Professional light/dark theme toggle */
html{color-scheme:dark;}
html[data-theme="light"]{color-scheme:light;}
.theme-toggle{
  border:1px solid rgba(0,231,255,.26);
  background:rgba(255,255,255,.08);
  color:#eafaff;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  font-weight:850;
  display:inline-flex;
  align-items:center;
  gap:7px;
  line-height:1;
  box-shadow:0 0 22px rgba(0,231,255,.10);
}
.theme-toggle:hover{background:rgba(0,231,255,.14);color:#fff;border-color:rgba(0,231,255,.46)}
.login-theme-row{display:flex;justify-content:flex-end;margin-bottom:10px}.portal-note{border:1px solid rgba(0,231,255,.14);background:rgba(0,231,255,.055);border-radius:16px;padding:10px 12px;color:#abd9e8;font-size:12px;line-height:1.45}.login-card .form-label{font-size:13px}.login-submit{height:48px;border-radius:15px}.login-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,231,255,.18);background:rgba(0,231,255,.06);border-radius:999px;color:#bff8ff;padding:7px 12px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin:0 auto 14px}.login-card h3{font-size:25px;font-weight:950;letter-spacing:-.02em}.login-page .text-muted{color:#a8ccda!important}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 12% 8%,rgba(51,178,218,.16),transparent 32%),
    radial-gradient(circle at 92% 12%,rgba(168,255,62,.10),transparent 28%),
    linear-gradient(135deg,#f7fbff 0%,#eef8fd 44%,#f9feff 100%);
  color:#173042;
}
html[data-theme="light"] a{color:#087da9}html[data-theme="light"] .app-shell:before{opacity:.09;filter:saturate(1.08) brightness(1.06)}html[data-theme="light"] .app-shell:after{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.78),rgba(245,252,255,.94))}html[data-theme="light"] .sidebar{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(237,249,255,.96));color:#173042;border-right:1px solid rgba(14,126,168,.16);box-shadow:18px 0 44px rgba(20,74,102,.10)}html[data-theme="light"] .brand-box{background:linear-gradient(135deg,rgba(51,178,218,.10),rgba(255,255,255,.85));border-color:rgba(14,126,168,.18);box-shadow:0 12px 35px rgba(34,129,172,.10)}html[data-theme="light"] .brand-logo{filter:drop-shadow(0 8px 14px rgba(51,178,218,.18))}html[data-theme="light"] .brand-title{color:#0b2c4d}html[data-theme="light"] .brand-box small,html[data-theme="light"] .sidebar small{color:#5d7890}html[data-theme="light"] .side-nav .nav-link{color:#33546a;background:transparent}html[data-theme="light"] .side-nav .nav-link:hover,html[data-theme="light"] .side-nav .nav-link.active{background:linear-gradient(135deg,rgba(51,178,218,.16),rgba(255,255,255,.86));border-color:rgba(14,126,168,.18);color:#0b2c4d;box-shadow:0 10px 28px rgba(26,126,170,.10)}html[data-theme="light"] .topbar{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(231,247,255,.88));color:#0b2c4d;border-bottom:1px solid rgba(14,126,168,.16);box-shadow:0 10px 34px rgba(18,72,103,.08)}html[data-theme="light"] .topbar h1{color:#0b2c4d;text-shadow:none}html[data-theme="light"] .topbar p{color:#5a7a90}html[data-theme="light"] .user-chip{background:#fff;border-color:rgba(14,126,168,.16);box-shadow:0 10px 28px rgba(18,72,103,.08);color:#173042}html[data-theme="light"] .user-chip small{color:#668095}html[data-theme="light"] .card{background:rgba(255,255,255,.92);border-color:rgba(14,126,168,.15);color:#173042;box-shadow:0 18px 50px rgba(31,78,105,.10),inset 0 1px 0 rgba(255,255,255,.90)}html[data-theme="light"] .card h1,html[data-theme="light"] .card h2,html[data-theme="light"] .card h3,html[data-theme="light"] .card h4,html[data-theme="light"] .card h5,html[data-theme="light"] .card h6{color:#0b2c4d}html[data-theme="light"] .text-muted{color:#6a8496!important}html[data-theme="light"] .stat-card .label{color:#638195}html[data-theme="light"] .stat-card .value{color:#0b2c4d;text-shadow:none}html[data-theme="light"] .table{color:#173042}html[data-theme="light"] .table>:not(caption)>*>*{border-bottom-color:rgba(8,92,130,.12)}html[data-theme="light"] .table thead th{background:rgba(51,178,218,.11);color:#0b5a7a;border-bottom-color:rgba(14,126,168,.18)}html[data-theme="light"] .table-hover tbody tr:hover{background:rgba(51,178,218,.08)}html[data-theme="light"] .table-bordered>:not(caption)>*{border-color:rgba(8,92,130,.14)}html[data-theme="light"] .form-label{color:#244c63}html[data-theme="light"] .form-control,html[data-theme="light"] .form-select{background:#fff;color:#153044;border-color:rgba(8,92,130,.18)}html[data-theme="light"] .form-control:focus,html[data-theme="light"] .form-select:focus{background:#fff;color:#153044;border-color:#33B2DA;box-shadow:0 0 0 .2rem rgba(51,178,218,.15)}html[data-theme="light"] .form-control::placeholder{color:#91a7b5}html[data-theme="light"] .form-select option{background:#fff;color:#153044}html[data-theme="light"] .btn-light{background:#fff;border-color:rgba(8,92,130,.16);color:#0b2c4d}html[data-theme="light"] .btn-light:hover{background:#f3fbff;color:#0b2c4d}html[data-theme="light"] .btn-outline-primary{border-color:#1496ca;color:#087da9}html[data-theme="light"] .btn-outline-primary:hover{background:#33B2DA;color:#fff;border-color:#33B2DA}html[data-theme="light"] .theme-toggle{background:#fff;color:#0b2c4d;border-color:rgba(14,126,168,.18);box-shadow:0 10px 24px rgba(18,72,103,.08)}html[data-theme="light"] .theme-toggle:hover{background:#edf9ff;color:#0b2c4d}html[data-theme="light"] .login-page{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(240,250,255,.78)),url('../img/office-bg.jpg') center/cover no-repeat;color:#173042}html[data-theme="light"] .login-card{background:rgba(255,255,255,.92);border-color:rgba(14,126,168,.18);box-shadow:0 34px 80px rgba(13,65,94,.18);color:#173042}html[data-theme="light"] .login-card h3{color:#0b2c4d}html[data-theme="light"] .login-logo-img{filter:drop-shadow(0 8px 14px rgba(51,178,218,.16))}html[data-theme="light"] .portal-note{background:rgba(51,178,218,.07);border-color:rgba(14,126,168,.15);color:#527083}html[data-theme="light"] .login-badge{background:rgba(51,178,218,.10);border-color:rgba(14,126,168,.16);color:#0b5a7a}html[data-theme="light"] .app-footer{background:rgba(255,255,255,.78);border-color:rgba(14,126,168,.15);box-shadow:0 14px 30px rgba(18,72,103,.07)}html[data-theme="light"] .footer-credit,html[data-theme="light"] .login-footer-credit{color:#23475e;text-shadow:none}html[data-theme="light"] .doc-link{background:rgba(51,178,218,.08);border-color:rgba(14,126,168,.14);color:#087da9}html[data-theme="light"] .section-title{color:#087da9;border-bottom-color:rgba(14,126,168,.15)}@media(max-width:900px){.theme-toggle{margin-top:8px}}