@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f3ef;--surface:#fff;--surface2:#f0ede8;--border:#00000014;--border-strong:#00000026;--text:#1a1a18;--muted:#6b6b65;--hint:#9b9b93;--green:#1d6b4e;--green-light:#e8f5ee;--amber:#854f0b;--amber-light:#faeeda;--blue:#185fa5;--blue-light:#e6f1fb;--red:#a32d2d;--red-light:#fcebeb;--purple:#3c3489;--purple-light:#eeedfe;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f,0 2px 8px #0000000a}body{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-card{background:var(--surface);border:.5px solid var(--border-strong);border-radius:16px;width:100%;max-width:400px;padding:36px 40px}.login-logo{text-align:center;margin-bottom:28px}.login-logo-mark{color:var(--green);letter-spacing:-.5px;font-size:22px;font-weight:700}.login-logo-sub{text-transform:uppercase;letter-spacing:1.5px;color:var(--hint);margin-top:2px;font-size:11px;font-weight:500}.signin-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:12px;font-weight:500}.role-pills{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.role-pill{border:.5px solid var(--border-strong);border-radius:var(--radius-sm);text-align:center;cursor:pointer;min-width:80px;color:var(--muted);background:var(--surface);flex:1;padding:8px 6px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.role-pill.selected{background:var(--green-light);color:var(--green);border-color:var(--green)}.role-icon{margin-bottom:3px;font-size:18px;display:block}.field{margin-bottom:16px;display:block}.field span,.form-group span{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11.5px;font-weight:500;display:block}.field input,.form-group input,.form-group select,.form-group textarea,.toolbar select{border:.5px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--surface);outline:none;padding:9px 12px;font-family:inherit;font-size:14px}.btn-login{background:var(--green);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:10px;font-family:inherit;font-size:14px;font-weight:600}.demo-hint{color:var(--hint);text-align:center;margin-top:14px;font-size:12px}.error-msg{background:var(--red-light);color:var(--red);border-radius:var(--radius-sm);margin-bottom:14px;padding:9px 12px;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:.5px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;min-height:100vh;display:flex}.sidebar-logo{border-bottom:.5px solid var(--border);padding:18px 16px 14px}.logo-mark{color:var(--green);letter-spacing:-.3px;font-size:18px;font-weight:700}.logo-sub{text-transform:uppercase;letter-spacing:1.4px;color:var(--hint);margin-top:2px;font-size:10px;font-weight:500}.role-tag{background:var(--green-light);color:var(--green);text-transform:uppercase;letter-spacing:.6px;border-radius:20px;align-self:flex-start;margin:10px 12px 0;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.role-blue{background:var(--blue-light);color:var(--blue)}.role-purple{background:var(--purple-light);color:var(--purple)}.nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-section{text-transform:uppercase;letter-spacing:1.2px;color:var(--hint);margin-top:6px;padding:8px 8px 3px;font-size:10px;font-weight:500}.nav-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;padding:7px 10px;font-family:inherit;font-size:13px;display:flex}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--green-light);color:var(--green);font-weight:500}.nav-badge{background:var(--green);color:#fff;border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.sidebar-user{border-top:.5px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.avatar{background:var(--green-light);width:32px;height:32px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.avatar.purple{background:var(--purple-light);color:var(--purple)}.user-name{font-size:13px;font-weight:500}.user-role{color:var(--hint);font-size:11px}.btn-logout{border:.5px solid var(--border-strong);cursor:pointer;color:var(--muted);background:0 0;border-radius:6px;margin-left:auto;padding:5px 7px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:.5px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.page-title{font-size:15px;font-weight:600}.topbar-left,.topbar-actions{align-items:center;gap:8px;display:flex}.content{flex:1;padding:20px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:.5px solid var(--border-strong);background:var(--surface);color:var(--text);align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface2)}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-danger{background:var(--red-light);color:var(--red);border-color:var(--red)}.mini{padding:3px 8px;font-size:11px}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:16px 18px}.card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px;font-size:11.5px;font-weight:500}.section-header,.admin-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{font-family:DM Serif Display,serif;font-size:15px;font-weight:600}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.mb-24{margin-bottom:24px}.stat-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat-label{color:var(--hint);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:11px;font-weight:500}.stat-value{font-family:DM Serif Display,serif;font-size:26px;font-weight:700;line-height:1}.stat-green{color:var(--green)}.stat-blue{color:var(--blue)}.stat-amber{color:var(--amber)}.stat-red{color:var(--red)}.stat-purple{color:var(--purple)}.stat-sub{color:var(--muted);margin-top:3px;font-size:12px}.progress-bar{background:var(--surface2);border-radius:20px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--green);border-radius:20px;height:100%}.assign-item{border-bottom:.5px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.assign-item:first-child{padding-top:0}.assign-item:last-child{border-bottom:none}.assign-date{text-align:center;background:var(--green-light);border-radius:var(--radius-sm);flex-shrink:0;width:42px;padding:5px 3px}.assign-date-month{text-transform:uppercase;letter-spacing:.8px;color:var(--green);font-size:9px;font-weight:600}.assign-date-day{color:var(--green);font-family:DM Serif Display,serif;font-size:19px;font-weight:700;line-height:1}.assign-info{flex:1}.assign-title{font-size:13.5px;font-weight:500}.assign-meta{color:var(--muted);margin-top:2px;font-size:12px}.badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-green{background:var(--green-light);color:var(--green)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-red{background:var(--red-light);color:var(--red)}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-gray{background:var(--surface2);color:var(--muted)}.event-item{border-bottom:.5px solid var(--border);gap:12px;padding:11px 0;display:flex}.event-item:last-child{border-bottom:none}.notif-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.dot-green{background:var(--green)}.dot-blue{background:var(--blue)}.dot-amber{background:var(--amber)}.event-title{font-size:13.5px;font-weight:500}.event-date,.announce-date{color:var(--hint);margin-top:2px;font-size:12px}.event-body,.announce-body{color:var(--muted);margin-top:4px;font-size:13px}.announce-item{border-bottom:.5px solid var(--border);padding:12px 0}.announce-item:last-child{border-bottom:none}.announce-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.announce-title{font-size:13.5px;font-weight:500}.tabs{background:var(--surface2);border-radius:var(--radius-sm);gap:2px;margin-bottom:20px;padding:4px;display:flex}.tab{cursor:pointer;text-align:center;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:7px 10px;font-size:13px;font-weight:500}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.form-group{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-group textarea{resize:vertical;min-height:72px}.button-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.button-row.small{margin-top:12px}.success-msg{background:var(--green-light);color:var(--green);border-radius:var(--radius-sm);margin-top:10px;padding:10px 14px;font-size:13px;font-weight:500}.schedule-table{border-collapse:collapse;width:100%;font-size:13px}.schedule-table th{background:var(--surface2);text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:.5px solid var(--border);padding:8px 10px;font-size:11px;font-weight:500}.schedule-table td{border-bottom:.5px solid var(--border);padding:10px}.chip-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.chip{border:.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.chip.active,.chip:hover{background:var(--green-light);color:var(--green);border-color:var(--green)}.territory-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.territory-map{background:linear-gradient(135deg,#d4e8d4,#b8d4b8);justify-content:center;align-items:center;height:130px;font-size:34px;display:flex}.map-amber{background:linear-gradient(135deg,#e8d4d4,#d4b8b8)}.map-blue{background:linear-gradient(135deg,#d4d4e8,#b8b8d4)}.territory-info{padding:14px 16px}.territory-head{justify-content:space-between;align-items:center;display:flex}.territory-num{color:var(--green);font-family:DM Serif Display,serif;font-size:20px;font-weight:700}.territory-name{color:var(--muted);font-size:13px}.territory-assigned,.progress-label{color:var(--hint);margin-top:4px;font-size:11.5px}.toolbar{gap:8px;margin-bottom:12px;display:flex}.search{border:.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);flex:1;align-items:center;gap:8px;padding:7px 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:13px}.toolbar select{width:auto;padding:7px 10px}.pub-row{border-bottom:.5px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.pub-avatar{background:var(--blue-light);width:32px;height:32px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.pub-avatar.green{background:var(--green-light);color:var(--green)}.pub-avatar.purple{background:var(--purple-light);color:var(--purple)}.pub-avatar.gray{background:var(--surface2);color:var(--muted)}.pub-name{font-size:13.5px;font-weight:500}.pub-meta{color:var(--muted);font-size:12px}.pub-actions{gap:6px;margin-left:auto;display:flex}.modal-bg{border-radius:var(--radius);background:#00000059;justify-content:center;align-items:center;min-height:300px;margin-bottom:16px;padding:20px;display:flex}.modal-box{background:var(--surface);border-radius:var(--radius);width:420px;max-width:95%;padding:22px 24px;box-shadow:0 8px 32px #00000026}.modal-title{margin-bottom:14px;font-family:DM Serif Display,serif;font-size:16px;font-weight:600}.perm-header{border-bottom:.5px solid var(--border-strong);color:var(--muted);text-align:center;grid-template-columns:1fr repeat(4,38px);gap:6px;padding-bottom:8px;font-size:10px;font-weight:500;display:grid}.perm-row{border-bottom:.5px solid var(--border);grid-template-columns:1fr repeat(4,38px);align-items:center;gap:6px;padding:10px 0;display:grid}.perm-label{font-size:13px}.perm-desc{color:var(--hint);margin-top:1px;font-size:11.5px}.perm-check{border:.5px solid var(--border);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.perm-check.yes{background:var(--green-light);color:var(--green);border-color:var(--green)}.perm-check.no{background:var(--surface2);color:var(--hint)}.toggle-wrap{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.toggle-label{font-size:13.5px;font-weight:500}.toggle-desc{color:var(--muted);margin-top:1px;font-size:12px}.toggle{flex-shrink:0;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle span{background:var(--border-strong);cursor:pointer;border-radius:20px;position:absolute;inset:0}.toggle span:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:before{transform:translate(16px)}.mobile-menu{color:var(--text);background:0 0;border:0;padding:6px;display:none}.mobile-sidebar,.mobile-backdrop{display:none}@media (width<=980px){.desktop-sidebar{display:none}.mobile-menu{display:inline-flex}.mobile-backdrop{z-index:30;background:#00000059;display:block;position:fixed;inset:0}.mobile-sidebar{z-index:40;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-230px)}.mobile-sidebar.open{transform:translate(0)}.app-shell{display:block}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}.content{padding:16px}.topbar-actions .btn{display:none}.toolbar{flex-direction:column}.toolbar select{width:100%}}@media (width<=560px){.grid-4{grid-template-columns:1fr}.login-card{padding:28px 24px}.topbar{padding:0 14px}.topbar-actions .top-avatar{display:none}.form-row{grid-template-columns:1fr}.pub-actions{display:none}.perm-header,.perm-row{grid-template-columns:1fr repeat(4,30px)}.perm-check{width:24px;height:24px}.tabs{overflow-x:auto}.tab{min-width:110px}}