:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f3d64,#1f75b5)}.login section{width:420px;background:#fff;padding:42px;border-radius:18px;box-shadow:0 24px 80px #001b3655}.brand{color:#1f75b5;font-weight:800}.login h1{font-size:28px;margin:8px 0}.login p{color:#718096;margin-bottom:28px}label{display:block;font-size:13px;margin:16px 0;color:#4a5568}input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #d8e0ea;border-radius:8px}.btn{border:0;background:#176da8;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer}.login .btn{width:100%}.error{color:#c53030;margin-top:12px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#102f4b;color:#d7e4ef;padding:28px 20px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;color:#fff;margin:0 10px 32px}.logo>i{font-style:normal;background:#e8523f;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.logo>span{display:grid}.logo small{font-size:10px;font-weight:400;color:#8ca9bd}nav{display:grid;gap:7px}nav button{border:0;text-align:left;background:transparent;color:#bcd0de;padding:13px 14px;border-radius:9px;cursor:pointer}nav button i{font-style:normal;display:inline-block;width:30px;color:#86a7bc}nav button:hover{background:#173f5d;color:#fff}nav button.active{background:#1e5a87;color:#fff}.aside-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 8px;border-top:1px solid #294e69}.aside-user>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8523f}.aside-user div{font-size:12px;display:grid}.aside-user small{color:#7898ae}.link{background:transparent;border:1px solid #52738f;color:#fff;padding:9px;border-radius:8px;cursor:pointer}.content{padding:34px;overflow:auto;min-width:0}header{display:flex;justify-content:space-between;align-items:center}header small{color:#718096}header h1{margin:4px 0;font-size:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0}.cards article,.panel{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:22px;box-shadow:0 6px 20px #16324d0a}.cards span,.cards small{display:block;color:#718096;font-size:13px}.cards small{font-size:11px;margin-top:7px}.cards strong{display:block;font-size:32px;margin-top:12px}.warning{color:#d97706}.panel{padding:0;overflow:hidden}.panel-title{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.panel-title h2{margin:0;font-size:18px}.panel-title span{font-size:12px;color:#8291a0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #edf0f4;font-size:13px}th{background:#f8fafc;color:#526273}.tag{padding:4px 8px;border-radius:99px;font-size:12px}.tag.pending{background:#fff4d8;color:#9a6700}.tag.approved{background:#def7e8;color:#137243}.tag.supplement{background:#e8efff;color:#385eae}.small{border:0;border-radius:6px;padding:7px 10px;margin-right:6px;cursor:pointer}.approve{background:#dff5e8;color:#14743b}.secondary{background:#edf2f7;color:#4a5568}.filters{display:flex;gap:10px;margin:25px 0 16px}.filter{border:1px solid #dce4eb;background:#fff;color:#607184;padding:9px 15px;border-radius:8px}.filter.active{background:#173f5d;color:#fff}.search-box{border:1px solid #dce4eb;border-radius:8px;padding:0 10px}.search-box input{display:inline-block;border:0;margin:0;width:240px;padding:9px}.entity{display:flex;align-items:center;gap:11px}.entity>i,.list article>i,.category-grid article>i{font-style:normal;width:38px;height:38px;border-radius:9px;background:#e9f2f7;color:#185477;display:grid;place-items:center}.entity div,.list article div,.category-grid article div{display:grid;flex:1}.entity small,.list small,.category-grid small{color:#8493a0;margin-top:4px}.two-cols,.settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.list,.category-grid{padding:6px 20px}.list article,.category-grid article{display:flex;align-items:center;gap:12px;padding:16px 4px;border-bottom:1px solid #edf0f4}.category-grid{display:grid;grid-template-columns:1fr 1fr}.content-cards{display:grid;gap:16px;margin-top:25px}.content-cards>article{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:22px}.content-cards>article>i{font-style:normal;width:52px;height:52px;border-radius:12px;background:#e9f2f7;color:#185477;display:grid;place-items:center}.content-cards article div{flex:1}.content-cards h2{font-size:17px;margin:0}.content-cards p{font-size:13px;color:#718096}.form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:8px 22px 22px}.form select{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid #d8e0ea;border-radius:8px}.status-list{padding:8px 22px 22px}.status-list p{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f4}.status-list b{color:#16834d}.empty{text-align:center;padding:70px;margin-top:25px}.loader{width:28px;height:28px;margin:auto;border:3px solid #dce9f2;border-top-color:#176da8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-data{text-align:center;color:#8493a0;padding:45px}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:repeat(2,1fr)}.content{padding:18px}.two-cols,.settings{grid-template-columns:1fr}}