@font-face{font-family:Cairo;src:url('/assets/Cairo.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--red:#b52432;--red-dark:#8e1724;--ink:#25242a;--muted:#79757d;--line:#ece9eb;--paper:#f7f6f8;--green:#2c7d60;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,'DejaVu Sans',sans-serif;font-size:14px;line-height:1.8}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.5;margin-bottom:4px}h2{font-size:18px;margin-bottom:15px}h3{font-size:15px;margin:0}small{font-size:11px;color:var(--muted)}.muted{color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:white;border-left:1px solid var(--line);position:fixed;right:0;top:0;bottom:0;padding:30px 19px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:22px;font-weight:800}.brand img{width:62px;height:62px;object-fit:contain}.brand small{display:block;font-size:10px;line-height:1.4;font-weight:500}.workspace{margin:30px 5px 14px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%}nav a{display:flex;align-items:center;gap:15px;padding:12px 15px;margin:5px 0;border-radius:10px;color:#625b64;font-weight:600}nav a.selected{color:var(--red);background:#fbeced;border-right:3px solid var(--red)}nav a:hover{background:#f7f5f6;text-decoration:none}nav a span{font-size:18px;min-width:19px}.nav-label{font-size:10px;color:var(--muted);padding:23px 15px 4px}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:25px;border-top:1px solid var(--line);font-weight:600}.sidebar-bottom small{display:block}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f7ecee;color:var(--red);font-size:18px}.main{margin-right:260px;width:calc(100% - 260px)}.topbar{height:85px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.topbar strong{font-size:12px}.top-context,.topbar time{font-size:11px}.top-actions{display:flex;align-items:center;gap:20px;font-size:11px}.top-actions form{margin:0}.text-button{border:0;background:none;color:var(--muted)}.menu-button{display:none}main#content{max-width:1600px;margin:auto;padding:33px 38px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.3px;color:var(--red);margin-bottom:7px}.page-heading p{margin-bottom:0;font-size:12px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #dedadd;background:white;color:var(--ink);border-radius:9px;padding:9px 18px;font-size:12px;font-weight:700;line-height:1.8;text-align:center;white-space:nowrap}.btn:hover{background:#f9f4f5;text-decoration:none}.btn.primary{background:var(--red);color:white;border-color:var(--red);box-shadow:0 5px 12px #b5243218}.btn.primary:hover{background:var(--red-dark)}.btn.small{font-size:11px;padding:4px 12px}.btn.full{width:100%;margin-top:20px}.danger-btn{color:var(--red)}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px 25px;margin-bottom:22px;box-shadow:0 3px 7px #21121c02}.welcome-banner{border-radius:var(--radius);padding:26px 30px;background:linear-gradient(110deg,#6d1521,#b52432);color:white;position:relative;overflow:hidden;margin-bottom:23px;display:flex;align-items:center;justify-content:space-between;min-height:160px}.welcome-banner .eyebrow{color:#f2bbc0}.welcome-banner h2{font-size:23px;margin-bottom:5px}.welcome-banner p{margin:0;color:#f0d7da;font-size:12px;max-width:680px}.heart-watermark{font-size:106px;line-height:1;color:#ffffff18;transform:rotate(-15deg);padding:0 28px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-bottom:24px}.stat-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px 23px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#6b626e}.stat-icon{background:#f5f0f2;color:#927b86;display:grid;place-items:center;width:32px;height:32px;border-radius:9px}.stat-card strong{font-size:33px;display:block;line-height:1.6;font-weight:800;margin-top:6px}.stat-card small{display:block;font-size:10px}.stat-card.red .stat-icon,.stat-card.red strong{color:var(--red)}.stat-card.amber .stat-icon{color:#ba802a;background:#fff6e8}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.section-head h2{margin:0}.section-head a{font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right}th{font-size:10px;color:#8b818c;font-weight:600;padding:11px 10px;background:#faf9fb;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #f0edef;font-size:12px}tbody tr:last-child td{border-bottom:0}td small{display:block;font-size:10px}.record-title{color:var(--ink);font-weight:700}.badge{display:inline-block;border-radius:6px;font-size:10px;line-height:1.7;padding:4px 9px;font-weight:600;white-space:nowrap;background:#f1eef3;color:#706478}.badge-approved,.badge-completed{color:#287555;background:#edf7f1}.badge-submitted,.badge-in_progress{background:#fff5e2;color:#ae7519}.badge-returned,.badge-cancelled{background:#fdecee;color:#a52235}.badge-scheduled{background:#ebf2fa;color:#426789}.empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}.task-item{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--ink)}.task-item:last-child{border:0}.task-item strong{font-size:12px}.task-item small{display:block;font-size:10px}.task-mark{border:1px solid #ece6eb;background:#faf8fa;border-radius:8px;color:#a294a0;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.task-mark.late{color:var(--red);border-color:#f3ccd1;background:#fff1f3}.late-text{color:var(--red)}.meeting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.meeting-item{display:flex;gap:16px;align-items:center;border:1px solid var(--line);padding:15px;border-radius:11px}.meeting-item p{font-size:11px;margin:3px 0}.date-block{background:#f9edef;border-radius:9px;text-align:center;color:var(--red);min-width:55px;padding:7px}.date-block strong{font-size:22px;display:block;line-height:1.3}.date-block span{font-size:9px}footer{display:flex;justify-content:space-between;padding:10px 38px 20px;color:#a298a2;font-size:10px}label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;width:100%;border:1px solid #e1dce0;border-radius:8px;background:#fff;padding:10px 13px;margin-top:6px;color:var(--ink);font-size:13px;min-height:43px}input:focus,select:focus,textarea:focus{outline:2px solid #b5243229;border-color:var(--red)}textarea{resize:vertical;line-height:1.9}label small{display:block;margin-top:5px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.span-2{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:15px;display:flex;gap:12px}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:end}.filter-grid label{margin-bottom:0}.check{display:flex;align-items:center;gap:10px;font-weight:500}.check input{width:18px;min-height:18px;height:18px;accent-color:var(--red);margin:0}.upload-area{background:#fcfafb;border:1px dashed #d8c6cd;border-radius:10px;padding:18px}.upload-area input{border:0;background:transparent;padding:4px 0}.record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;margin-bottom:20px}.attachment{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.alert{background:#f9f2e7;border:1px solid #eddac1;padding:15px 20px;border-radius:10px;margin-bottom:20px}.alert.success{background:#edf8f1;border-color:#cae6d5;color:#286747}.alert.danger{background:#fff1f3;border-color:#f3c8ce;color:#ad1e30}.alert ul{margin-bottom:0}.narrow{max-width:650px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;padding:20px 0 0}details summary{cursor:pointer;font-weight:700;color:var(--red)}details[open] summary{margin-bottom:20px}.department-row{display:flex;align-items:center;gap:15px}.department-row label{flex:1;margin:0}.department-row span{font-size:11px;white-space:nowrap}.choice-list{max-height:250px;overflow:auto}fieldset{border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:20px}legend{font-size:12px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.link-icon{display:grid;place-items:center;background:#f9ecee;color:var(--red);font-size:30px;width:50px;height:50px;border-radius:12px;margin-bottom:15px}.link-card details{margin-top:20px}.link-card p{font-size:12px}.html-frame{width:100%;height:75vh;min-height:500px;border:1px solid var(--line);background:white;border-radius:12px}.note{border-bottom:1px solid var(--line);padding:15px 0}.note small{margin-right:15px}.note .prose{margin-top:10px}.loader[hidden]{display:none}.loader{position:fixed;inset:0;z-index:100;background:#ffffffdd;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--red);font-size:14px}.pulse-heart{font-size:55px;animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}25%{transform:scale(1.15)}45%{transform:scale(1)}60%{transform:scale(1.12)}}.login-page{min-height:100vh;display:grid;place-items:center;background:#f7f4f5}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;max-width:1060px;width:calc(100% - 60px);min-height:640px;background:white;border-radius:24px;overflow:hidden;box-shadow:0 18px 80px #4018260f}.login-story{background:linear-gradient(140deg,#9e1727,#3e1520);padding:48px;color:white;position:relative}.login-story .eyebrow{color:#e7adb4}.login-logo{width:112px;height:112px;object-fit:contain;background:white;border-radius:50%;padding:5px;margin:25px 0 30px}.login-story h1{font-size:36px;line-height:1.6}.login-story p{color:#eed3d8}.story-line{height:1px;background:#ffffff28;margin:30px 0}.story-features{display:flex;flex-wrap:wrap;gap:17px;font-size:10px;color:#eac5cd}.login-card{padding:90px 55px}.login-card h2{font-size:29px;margin-bottom:7px}.login-card .muted{font-size:12px;margin-bottom:32px}.login-help{font-size:10px;color:var(--muted);text-align:center;margin-top:28px}.nowrap{white-space:nowrap}
@media(max-width:1200px){.sidebar{width:230px}.main{margin-right:230px;width:calc(100% - 230px)}main#content{padding:25px}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat-card{padding:17px}.top-context{display:none}.dashboard-grid{grid-template-columns:1fr}.link-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{transform:translateX(100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:-12px 0 35px #20121e26}.main{margin:0;width:100%}.menu-button{display:block;border:0;border-radius:6px;padding:5px 9px;background:#faf2f4;color:var(--red)}.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 18px}.top-actions{gap:12px}.topbar time{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:start;flex-direction:column}.meeting-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;max-width:580px;margin:25px 0;min-height:0}.login-story{padding:25px}.login-story h1{font-size:23px}.login-logo{width:70px;height:70px;margin:10px 0}.story-line,.story-features{display:none}.login-card{padding:30px}.department-row{flex-wrap:wrap}.department-row label{min-width:140px}}@media(max-width:550px){main#content{padding:22px 16px}.form-grid,.filter-grid,.link-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.card{padding:18px}.stats-grid{gap:9px}.stat-card{padding:15px}.stat-top{font-size:10px}.stat-card strong{font-size:29px}h1{font-size:25px}.welcome-banner{padding:22px}.heart-watermark{display:none}.top-actions{font-size:10px}.topbar strong{font-size:10px}.btn{padding:8px 12px}.record-meta{gap:10px}footer{padding:15px;gap:12px}.login-layout{width:calc(100% - 25px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}