:root{color:#1c2940;background:#f5f7fa;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.shell>aside{color:#fff;background:#152138;flex-direction:column;width:240px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px;display:flex}.brand>b{color:#17233c;background:#f5a623;border-radius:10px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.brand span,.brand strong,.brand small,.account span,.account strong,.account small{display:block}.brand small,.account small{color:#8290a8;margin-top:3px;font-size:10px}.shell nav{gap:8px;margin-top:45px;display:grid}.shell nav a{color:#acb7c9;border-radius:8px;padding:13px;font-size:14px}.shell nav .active{color:#fff;background:#24324d}.shell nav label{color:#66748c;margin:25px 12px 4px;font-size:9px}.shell nav em{float:right;color:#efa92f;font-size:9px}.account{border-top:1px solid #2d3950;align-items:center;gap:10px;margin-top:auto;padding:17px 7px 0;display:flex}.account>b{background:#354158;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.account form{margin-left:auto}.account button{color:#9ba7ba;background:0 0;border:0;font-size:18px}.shell>main{margin-left:240px}.shell>main>header{color:#8b94a3;background:#fff;border-bottom:1px solid #e5e8ee;align-items:center;height:67px;padding:0 38px;font-size:12px;display:flex}.content{max-width:1450px;margin:auto;padding:42px}.heading{justify-content:space-between;align-items:end;display:flex}.heading label,.modal header label{letter-spacing:.16em;color:#bd730a;font-size:10px;font-weight:700}.heading h1{margin:8px 0;font-size:34px}.heading p{color:#7b8492;margin:0;font-size:14px}.primary{cursor:pointer;font-weight:700;color:#fff!important;background:#18243d!important;border:0!important;border-radius:8px!important;padding:13px 19px!important}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:29px 0 20px;display:grid}.stats article{background:#fff;border:1px solid #e4e8ee;border-radius:10px;padding:20px}.stats span,.stats strong,.stats small{display:block}.stats span{color:#7a8494;text-transform:uppercase;font-size:10px}.stats strong{margin:8px 0 5px;font-size:26px}.stats small{color:#99a1ad;font-size:10px}.stats .accent{border-left:3px solid #f5a623}.stats .accent strong{font-size:20px}.table-card{background:#fff;border:1px solid #e3e7ed;border-radius:10px;overflow:hidden}.toolbar{border-bottom:1px solid #e5e8ed;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.toolbar h2{margin:0;font-size:16px}.toolbar p{color:#919aa8;margin:4px 0 0;font-size:10px}.filters{gap:9px;display:flex}.filters input,.filters select{background:#fff;border:1px solid #dfe4eb;border-radius:7px;height:36px;padding:0 12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th{color:#8a93a1;text-align:left;text-transform:uppercase;background:#fafbfc;padding:13px 20px;font-size:9px}td{color:#596476;border-top:1px solid #edf0f3;padding:16px 20px;font-size:12px}td a{color:#42608b}.creator{align-items:center;gap:10px;display:flex}.creator>b{background:#e9edf4;border-radius:8px;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.creator strong{color:#1c2940}.status{border-radius:12px;padding:5px 8px;font-size:9px}.status.active{color:#187c58;background:#eaf8f2}.status.pending{color:#926600;background:#fff5d8}.status.inactive{background:#eef0f3}.acc strong,.acc span,.acc small{display:block}.acc span{color:#9a6a17;margin-top:3px;font-size:9px}.acc small{color:#8c95a2;margin-top:3px}.actions{gap:5px;display:flex}.actions button{background:#fff;border:1px solid #dfe3e9;border-radius:6px;padding:7px 9px;font-size:10px}.actions .delete:hover{color:#b52d2d;border-color:#e5abab}.empty{text-align:center;color:#8b94a2;padding:60px}.backdrop{z-index:50;background:#182238a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 40px);display:flex;overflow:hidden}.modal>header{border-bottom:1px solid #e5e8ee;justify-content:space-between;padding:24px 27px 18px;display:flex}.modal header h2{margin:8px 0 0}.modal header button{color:#7b8491;background:0 0;border:0;font-size:27px}.modal form{overflow:auto}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:23px 27px;display:grid}.form-grid label{color:#4e596a;font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{background:#fff;border:1px solid #dfe4eb;border-radius:7px;width:100%;margin-top:7px;padding:10px}.form-grid textarea{resize:vertical;min-height:80px}.wide,.section-title{grid-column:1/-1}.section-title{border-top:1px solid #e5e8ee;padding-top:18px}.section-title strong,.section-title span{display:block}.section-title span{color:#929baa;margin-top:4px;font-size:10px}.modal footer{background:#fff;border-top:1px solid #e5e8ee;justify-content:flex-end;gap:9px;padding:16px 27px;display:flex;position:sticky;bottom:0}.modal footer button{background:#fff;border:1px solid #dfe3ea;border-radius:8px;padding:12px 18px}.toast{color:#fff;background:#187c58;border-radius:8px;padding:13px 18px;font-size:12px;position:fixed;bottom:24px;right:24px}.login-page{background:#f1f4f8;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:14px;width:min(410px,100% - 30px);padding:36px;box-shadow:0 20px 50px #27334b1a}.login-brand{align-items:center;gap:10px;display:flex}.login-brand>span{background:#f5a623;border-radius:9px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand small{color:#8791a1;font-size:9px}.login-card h1{margin:32px 0 8px}.login-card>p{color:#7b8594;font-size:13px}.login-card form{gap:16px;margin-top:25px;display:grid}.login-card label{font-size:11px;font-weight:700}.login-card input{border:1px solid #dce2e9;border-radius:7px;width:100%;height:42px;margin-top:7px;padding:0 11px}.login-hint{color:#835b17;background:#fff7e8;border-radius:6px;margin-top:20px;padding:10px;font-size:11px}.error-message{color:#a72b2b;background:#fff0f0;padding:10px;font-size:11px}@media (max-width:800px){.shell>aside{display:none}.shell>main{margin-left:0}.content{padding:25px 15px}.stats{grid-template-columns:1fr}.heading{align-items:start;gap:20px}.toolbar{flex-direction:column;align-items:start;gap:14px}.form-grid{grid-template-columns:1fr}.wide,.section-title{grid-column:auto}}
.account-profile{text-align:left;cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:10px;display:flex;color:#fff!important;background:0 0!important;border:0!important;padding:5px!important}.account-profile:hover{background:#24324d!important}.account-profile>b{background:#354158;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.account-modal{width:min(470px,100%)}.account-modal header p{color:#87909e;margin:5px 0 0;font-size:11px}.password-form{gap:17px;padding:24px 27px;display:grid}.password-form label{color:#4e596a;font-size:11px;font-weight:700}.password-form input{border:1px solid #dfe4eb;border-radius:7px;width:100%;height:42px;margin-top:7px;padding:0 11px;display:block}.password-form label small{color:#929baa;margin-top:5px;font-weight:400;display:block}
.heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.heading-actions>a,.import-button{color:#526078;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:8px;align-items:center;min-height:40px;padding:0 13px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.heading-actions>a:hover,.import-button:hover{background:#fafbfc;border-color:#aeb8c7}.import-button input{display:none}@media (max-width:1050px){.heading{flex-direction:column;align-items:flex-start}.heading-actions{justify-content:flex-start}}
.utility-button{color:#526078;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:8px;min-height:40px;padding:0 13px;font-size:11px;font-weight:700}.utility-button:hover{background:#fafbfc;border-color:#aeb8c7}.backup-modal{width:min(650px,100%)}.backup-modal header p{color:#87909e;max-width:460px;margin:5px 0 0;font-size:11px}.backup-body{min-height:220px;padding:22px 27px;overflow:auto}.backup-list{gap:8px;margin-top:20px;display:grid}.backup-list>p{color:#87909e;text-align:center;background:#f7f8fa;border-radius:8px;padding:28px}.backup-list article{border:1px solid #e3e7ed;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:13px 14px;display:flex}.backup-list article strong,.backup-list article small{display:block}.backup-list article strong{color:#243047;font-size:12px}.backup-list article small{color:#8a94a3;text-overflow:ellipsis;white-space:nowrap;max-width:330px;margin-top:4px;font-size:9px;overflow:hidden}.backup-list article>div:last-child{align-items:center;gap:6px;display:flex}.backup-list a,.backup-list button{color:#526078;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:6px;padding:7px 9px;font-size:10px;text-decoration:none}.backup-list button:hover{color:#a52c2c;border-color:#e4aaaa}@media (max-width:560px){.backup-list article{flex-direction:column;align-items:flex-start}}
.creator-link{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.creator-link:hover strong{color:#b66c08;text-decoration:underline}.detail-modal{width:min(820px,100%)}.detail-modal header p{color:#87909e;margin:5px 0 0;font-size:11px}.detail-body{overflow:auto}.detail-grid{background:#e5e8ee;border-bottom:1px solid #e5e8ee;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.detail-grid>div{background:#fff;min-height:76px;padding:16px 19px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:#8a94a3;text-transform:uppercase;font-size:9px;font-weight:700}.detail-grid strong{overflow-wrap:anywhere;color:#2a3549;margin-top:7px;font-size:12px}.follow-section{padding:24px 27px 30px}.follow-heading h3{margin:0;font-size:15px}.follow-heading p{color:#929baa;margin:4px 0 0;font-size:10px}.follow-form{background:#f6f8fa;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding:16px;display:grid}.follow-form label{color:#536074;font-size:10px;font-weight:700}.follow-form input,.follow-form select,.follow-form textarea{background:#fff;border:1px solid #dce2e9;border-radius:6px;width:100%;margin-top:6px;padding:9px}.follow-form textarea{resize:vertical;min-height:64px}.follow-form .wide{grid-column:1/-1}.follow-form button{justify-self:end}.timeline{margin-top:22px}.timeline article{grid-template-columns:16px 1fr;gap:11px;padding-bottom:20px;display:grid;position:relative}.timeline article:not(:last-child):before{content:"";background:#dfe4ea;width:1px;position:absolute;top:10px;bottom:0;left:5px}.timeline i{z-index:1;background:#eda62f;border:3px solid #fff;border-radius:50%;width:11px;height:11px;margin-top:3px;position:relative;box-shadow:0 0 0 1px #eda62f}.timeline strong{justify-content:space-between;gap:10px;font-size:12px;display:flex}.timeline strong span{color:#8b95a3;font-size:10px;font-weight:400}.timeline p{color:#536074;white-space:pre-wrap;margin:6px 0;font-size:11px;line-height:1.5}.timeline small{color:#a06a12;font-size:9px}.no-followups{color:#929baa;text-align:center;background:#fafbfc;border-radius:7px;padding:20px;font-size:11px}@media (max-width:650px){.detail-grid{grid-template-columns:1fr 1fr}.follow-form{grid-template-columns:1fr}.follow-form .wide{grid-column:auto}}
.users-modal{width:min(780px,100%)}.users-modal header p{color:#87909e;margin:5px 0 0;font-size:11px}.users-body{padding:22px 27px;overflow:auto}.create-user{background:#f6f8fa;border-radius:9px;grid-template-columns:1fr 1fr 150px auto;align-items:end;gap:10px;padding:16px;display:grid}.create-user label{color:#526078;font-size:10px;font-weight:700}.create-user input,.create-user select{background:#fff;border:1px solid #dce2e9;border-radius:6px;width:100%;height:40px;margin-top:6px;padding:0 9px}.role-guide{color:#87909e;gap:18px;margin:14px 2px;font-size:9px;display:flex}.role-guide b{color:#465269}.users-list{gap:8px;margin-top:15px;display:grid}.users-list article{border:1px solid #e3e7ed;border-radius:8px;grid-template-columns:1fr 120px auto auto;align-items:center;gap:8px;padding:11px 12px;display:grid}.user-name{align-items:center;gap:9px;display:flex}.user-name>b{background:#e9edf4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;display:grid}.user-name strong,.user-name small{display:block}.user-name strong{font-size:12px}.user-name small{color:#8c96a4;margin-top:3px;font-size:9px}.users-list select,.users-list button{color:#526078;background:#fff;border:1px solid #dce2e9;border-radius:6px;height:34px;padding:0 9px;font-size:9px}.users-list button{cursor:pointer}.users-list .disable:hover{color:#a52c2c;border-color:#e2aaaa}.users-list .enable{color:#187c58}.users-list button:disabled,.users-list select:disabled{cursor:not-allowed;opacity:.5}@media (max-width:720px){.create-user{grid-template-columns:1fr}.users-list article{grid-template-columns:1fr 1fr}.user-name{grid-column:1/-1}.role-guide{flex-direction:column;gap:5px}}
.activity-modal{width:min(760px,100%)}.activity-modal header p{color:#87909e;margin:5px 0 0;font-size:11px}.activity-body{min-height:260px;padding:18px 27px;overflow:auto}.activity-list{display:grid}.activity-list article{border-bottom:1px solid #e8ebef;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:13px 2px;display:grid}.activity-avatar{color:#42516a;background:#e9edf4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:grid}.activity-list strong{color:#27344a;font-size:11px}.activity-list strong span{color:#b66c08}.activity-list p{color:#7e8998;margin:4px 0 0;font-size:9px}.activity-list time{color:#929ba8;font-size:9px}.empty-activity{color:#919aa8;text-align:center;padding:50px}@media (max-width:560px){.activity-list article{grid-template-columns:34px 1fr}.activity-list time{grid-column:2}}