:root{--green:#080e30;--green2:#111bd4;--mint:#eef0ff;--ink:#111735;--muted:#68708b;--line:#e2e5ef;--bg:#f6f7fb;--danger:#c7384f;--electric:#111bd4;--navy:#080e30;--cyan:#28c7ef;--shadow:0 12px 36px #09103512}
.topbar{background:var(--navy);border:0;color:#fff;height:76px}.brand{color:#fff}.brand img{width:150px;height:40px;object-fit:contain}.brand span{border-left:1px solid #ffffff40;padding-left:14px;font-size:.8rem;letter-spacing:.14em}.topbar nav a{color:#bfc5ef}.topbar nav a:hover{color:#fff}.topbar .link-button{color:#fff}.user-chip{display:flex;align-items:center;gap:12px;font-size:.82rem}.hero{background:linear-gradient(125deg,#080e30,#111bd4 72%,#2634ee);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:220px;height:220px;border:45px solid #ffffff0c;border-radius:50%;right:-60px;top:-70px}.btn.primary{background:var(--electric);border-color:var(--electric);box-shadow:0 8px 18px #111bd42a}.eyebrow{color:var(--electric)}.event-dot,.avatar,.date-box{background:var(--mint);color:var(--electric)}.pill,.status{background:var(--mint);color:var(--electric)}.login-page{background:radial-gradient(circle at 20% 20%,#1724d6 0,#080e30 45%,#05091e 100%)}.login-card{border:1px solid #ffffff20}.login-brand{background:var(--navy);padding:18px 22px;border-radius:16px;margin:-20px -20px 28px;display:flex;align-items:center;justify-content:space-between;color:#9da8ff;font-size:.72rem;letter-spacing:.18em;font-weight:800}.login-brand img{width:190px;max-width:70%;height:44px;object-fit:contain}
.guard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guard-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.guard-card-head{display:flex;align-items:center;gap:12px}.guard-card-head h3{margin:0 0 4px}.guard-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--bg);padding:14px;border-radius:12px}.guard-card dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.guard-card dd{margin:2px 0 0;font-weight:700}.card-actions{display:flex;align-items:center;justify-content:space-between}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}dialog{width:min(680px,calc(100% - 28px));max-height:90vh;overflow:auto;border:0;border-radius:22px;padding:26px;box-shadow:0 28px 80px #080e3060}dialog::backdrop{background:#080e30b8;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-close{border:0;background:var(--bg);border-radius:50%;width:36px;height:36px;font-size:1.5rem;cursor:pointer}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}th,td{padding:14px;border-bottom:1px solid var(--line)}.person-cell{display:flex;gap:10px;align-items:center}.person-cell small{display:block;color:var(--muted)}.role-badge{background:#edf5ff;color:#2557a7;border-radius:99px;padding:4px 9px;font-size:.75rem;font-weight:800}.row-actions{display:flex;gap:12px;align-items:center}
.shift-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.shift-summary>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid}.shift-summary strong{font-size:2rem}.shift-summary small{color:var(--muted)}.live-dot{width:9px;height:9px;background:#16b66d;border-radius:50%;box-shadow:0 0 0 5px #16b66d20}.panel-head{display:flex;justify-content:space-between}.legend{display:flex;gap:14px;font-size:.72rem;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend .active{background:#16b66d}.legend .scheduled{background:var(--electric)}.legend .completed{background:#aeb3c3}.agenda-row{display:grid;grid-template-columns:58px 24px 1fr;min-height:105px}.agenda-date{display:grid;align-content:start;text-align:center;padding-top:15px}.agenda-date strong{font-size:1.55rem}.agenda-date small{color:var(--muted)}.agenda-line{position:relative}.agenda-line span{position:absolute;top:22px;left:7px;width:11px;height:11px;border-radius:50%;background:var(--electric);z-index:1}.agenda-line:after{content:"";position:absolute;left:12px;top:28px;bottom:-25px;width:1px;background:var(--line)}.agenda-row:last-child .agenda-line:after{display:none}.agenda-row.active .agenda-line span{background:#16b66d;box-shadow:0 0 0 5px #16b66d20}.agenda-row.completed{opacity:.62}.agenda-content{margin:8px 0;background:var(--bg);border-radius:13px;padding:14px 18px;display:flex;justify-content:space-between}.agenda-content h3{margin:5px 0 0}.agenda-content p{margin:0;color:var(--muted)}.status.active{background:#e8f8f0;color:#087c49}.status.scheduled{background:var(--mint);color:var(--electric)}.status.completed{background:#eceef3;color:#68708b}.duration{font-size:1.5rem;font-weight:900;color:var(--electric);text-align:center}.duration small{display:block;font-size:.65rem;color:var(--muted)}.info-box{background:var(--mint);color:#343da4;padding:12px;border-radius:10px;font-size:.84rem}
@media(max-width:720px){.topbar .brand img{width:112px}.brand span,.user-chip span{display:none}.guard-cards{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.shift-summary{grid-template-columns:repeat(3,1fr)}.shift-summary>div{padding:12px}.shift-summary strong{font-size:1.5rem}.panel-head{display:block}.legend{margin-bottom:12px;flex-wrap:wrap}.table-wrap{padding:5px}.topbar{height:62px}.agenda-content{padding:12px}.duration{display:none}}