:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#162132;background:#f4f6f8;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#10243c;color:#f6f8fb;padding:28px 20px;display:flex;flex-direction:column;gap:28px}.brand{margin:0;font-size:1.45rem}.brand-subtitle{margin:6px 0 0;color:#b8c7da}.nav{display:flex;flex-direction:column;gap:8px}.nav-link{padding:10px 12px;border-radius:10px;color:#c7d3e2}.nav-link.active,.nav-link:hover{background:#1b385a;color:#fff}.content{display:flex;flex-direction:column}.header{background:#fff;padding:18px 28px;border-bottom:1px solid #dde4eb;display:flex;align-items:center;justify-content:space-between}.header-title{margin:0;font-size:1.1rem}.header-meta{margin:4px 0 0;color:#66758a;text-transform:capitalize}.page-content{padding:28px}.stack{display:flex;flex-direction:column;gap:22px}.section-header h1{margin:0;font-size:1.7rem}.section-header p{margin:6px 0 0;color:#67768a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card,.data-card,.login-card{background:#fff;border:1px solid #e0e7ef;border-radius:16px;box-shadow:0 8px 24px #10243c0f}.stat-card{padding:18px;display:flex;flex-direction:column;gap:10px}.stat-label{color:#6a7a8e;font-size:.92rem}.stat-value{font-size:1.9rem}.data-card{padding:20px}.data-card h3{margin:0 0 16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid #e8edf3;text-align:left;font-size:.95rem}.table th{color:#67768a;font-weight:600}.button{border:none;border-radius:10px;padding:10px 16px;cursor:pointer}.button.primary{background:#175cd3;color:#fff}.button.secondary{background:#eef3f8;color:#10243c}.button.danger{background:#c23b3b;color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f4f7fa,#e9eef5);padding:20px}.login-card{width:min(460px,100%);padding:28px;display:flex;flex-direction:column;gap:18px}.login-card h1{margin:0 0 6px}.login-card p{margin:0;color:#67768a}.field{display:flex;flex-direction:column;gap:8px}.field input,.field select{border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;background:#fff}.textarea{border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;background:#fff;resize:vertical;min-height:120px}.alert{padding:12px 14px;border-radius:10px}.alert.success{background:#eaf7ee;color:#216a3a}.alert.info{background:#eef4fb;color:#22508f}.alert.error,.page-state.error{background:#fdecec;color:#a33a3a}.muted{color:#67768a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.submission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.submission-card{border:1px solid #e4ebf2;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:16px;background:#fbfcfe}.submission-header{display:flex;justify-content:space-between;gap:12px}.submission-header h4{margin:0 0 6px}.submission-header p{margin:0}.submission-section{display:flex;flex-direction:column;gap:10px}.section-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-badge{align-self:flex-start;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:600;white-space:nowrap}.status-badge.pending{background:#fff5d8;color:#9a6a00}.status-badge.in-review{background:#e8f1ff;color:#225bb5}.status-badge.approved{background:#e5f7ea;color:#1f7a3d}.status-badge.rejected{background:#fdecec;color:#a33a3a}.file-list{display:flex;flex-direction:column;gap:10px}.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e5ebf2;border-radius:10px;background:#fff}.file-row p{margin:4px 0 0}.upload-box{border:1px dashed #b7c5d6;border-radius:12px;background:#fff;padding:14px;position:relative;cursor:pointer;color:#3b4b60}.upload-box input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-box.disabled{cursor:not-allowed;background:#f3f6f9;color:#7e8a99}.upload-box.disabled input{cursor:not-allowed}.inline-button{display:inline-flex;align-items:center;justify-content:center;min-width:110px}.review-detail{display:grid;gap:10px}.review-detail p{margin:0}.actions-row{display:flex;flex-wrap:wrap;gap:12px}.latest-comment{margin-bottom:18px}.latest-comment p{margin-bottom:0}.comment-list{display:flex;flex-direction:column;gap:12px}.comment-card{border:1px solid #e5ebf2;border-radius:12px;padding:14px;background:#fbfcfe}.comment-card p{margin:10px 0}.comment-meta{display:flex;justify-content:space-between;gap:12px}.comment-tags{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#eef3f8;color:#40536b;font-size:.82rem;font-weight:600}.chip-danger{background:#fdecec;color:#a33a3a}.review-actions{display:flex;flex-direction:column;gap:14px}.demo-credentials{padding-top:8px;border-top:1px solid #e8edf3;color:#67768a}.demo-credentials p{margin-top:4px}.page-state{min-height:50vh;display:grid;place-items:center;color:#59677b}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.sidebar,.page-content{padding:18px}.header{padding:16px 18px}}
