@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#182230;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#172234;text-decoration:none;font-weight:800;letter-spacing:-.4px}.brand b{font-size:10px;color:#16a36a;letter-spacing:1px;margin-left:5px}.brand-mark{width:52px;height:52px;border-radius:16px;background:#e8f8f0;color:#10965e;display:grid;place-items:center}.brand-mark.small{width:38px;height:38px;border-radius:12px}.top-actions{display:flex;align-items:center;gap:22px}.secure-label{font-size:12px;color:#667085;display:flex;align-items:center;gap:7px}.secure-label span{width:7px;height:7px;border-radius:50%;background:#18ae70}.content{max-width:1180px;margin:0 auto;padding:42px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#159966;margin:0 0 8px}.page-heading h1,.login-card h1{font-size:30px;letter-spacing:-1px;margin:0 0 7px}.muted{color:#7b8797;font-size:13px;margin:0}.primary-button,.secondary-button{border:0;border-radius:10px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700}.primary-button{background:#119b67;color:#fff;box-shadow:0 5px 12px #119b6722}.primary-button:hover{background:#087e51}.secondary-button{background:#fff;border:1px solid #e3e8ef;color:#475467}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:17px;display:flex;align-items:center;gap:13px}.stat-icon{width:40px;height:40px;border-radius:12px;background:#edf2ff;color:#5575d9;display:grid;place-items:center}.stat-icon.amber{background:#fff5df;color:#d99a20}.stat-icon.green{background:#e8f8f0;color:#159966}.stat-icon.red{background:#fff0ee;color:#db6256}.stat-card p{font-size:11px;color:#8993a1;margin:0 0 4px}.stat-card strong{font-size:23px}.panel{background:#fff;border:1px solid #e8edf3;border-radius:16px;overflow:hidden}.toolbar{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #edf0f4}.toolbar h2{font-size:16px;margin:0 0 5px}.filters{display:flex;gap:9px}.search-box{height:40px;border:1px solid #e2e7ee;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#98a2b3}.search-box input{border:0;outline:0;width:170px;font-size:12px}.filters select,.field-label input,.field-label textarea{border:1px solid #e2e7ee;border-radius:9px;padding:10px 12px;background:#fff;color:#344054;outline-color:#16a36a;font-size:13px}.filters select{font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#929baa;background:#fbfcfd;padding:13px 18px}td{padding:15px 18px;border-top:1px solid #f0f2f5;font-size:12px;color:#566171}.app-cell{display:flex;align-items:center;gap:11px}.app-cell img,.app-placeholder{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#eef2f5}.app-placeholder{display:grid;place-items:center;color:#8995a5}.app-cell strong{display:block;color:#253143;font-size:12px}.app-cell small{display:block;color:#9aa3af;font-size:10px;margin-top:4px}.status{padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;text-transform:capitalize}.status-pending{background:#fff5df;color:#b77b12}.status-published,.status-uploaded{background:#e7f8ef;color:#118455}.status-rejected{background:#fff0ee;color:#c64c42}.right{text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:6px}.action,.icon-button{width:32px;height:32px;border:1px solid #e8ecf1;border-radius:8px;background:#fff;color:#667085;display:grid;place-items:center}.action:hover{background:#f5f7fa}.action.approve{color:#119b67;background:#effaf4;border-color:#d7f2e3}.action.reject{color:#d35d52;background:#fff5f3;border-color:#f8dfdc}.empty-state,.center-state{padding:55px 20px;text-align:center;color:#8993a1;font-size:13px}.empty-state h3{color:#344054;font-size:15px;margin:12px 0 6px}.empty-state p{margin:0;font-size:12px}.empty-icon{width:50px;height:50px;border-radius:15px;background:#f0f4f7;display:grid;place-items:center;margin:auto;color:#8390a0}.notice,.error-banner,.info-banner{padding:12px 15px;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;gap:9px;font-size:12px}.notice{background:#eaf8f0;color:#118455}.error-banner{background:#fff0ee;color:#b94339}.info-banner{background:#eef5ff;color:#315d9b}.footer-note{text-align:center;color:#a0a8b4;font-size:11px;padding:25px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at top,#e1f6eb,#f5f7fb 55%)}.login-card{width:min(100%,410px);background:#fff;border:1px solid #e7ecf1;border-radius:20px;padding:34px;box-shadow:0 20px 70px #203b2910}.login-card .brand-mark{margin-bottom:22px}.login-card h1{font-size:27px}.login-card>.muted{line-height:1.6;margin-bottom:27px}.field-label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#475467;margin:15px 0}.password-wrap{display:flex;border:1px solid #dfe5ec;border-radius:10px;padding-right:7px}.password-wrap input{flex:1;min-width:0;border:0!important;outline:0!important}.password-wrap .icon-button{border:0}.full-button{width:100%;margin-top:10px;height:44px}.login-foot{text-align:center;color:#a0a8b4;font-size:10px;margin:22px 0 0}.error-line{display:flex;gap:7px;align-items:center;color:#c34d43;font-size:11px;margin-top:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182888;display:grid;place-items:center;padding:18px;z-index:10}.modal{width:min(100%,520px);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:24px;box-shadow:0 24px 80px #0002}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.modal-head h2{font-size:20px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.topbar{height:62px;padding:0 16px}.content{padding:28px 14px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:25px}.stats-row{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:12px}.toolbar{align-items:stretch;flex-direction:column;padding:17px}.filters{flex-direction:column}.search-box input{width:100%}.filters select{height:40px}.secure-label{display:none}.login-card{padding:27px 22px}}@media(max-width:390px){.page-heading .secondary-button{font-size:0;padding:10px}.page-heading .secondary-button svg{width:18px;height:18px}}