@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f7f9f9;font-family:Inter,sans-serif}.login-page{min-height:100vh;display:flex}.login-sidebar{color:#fff;background:linear-gradient(160deg,#0f766e,#16806f,#22a06b);flex-direction:column;width:45%;min-height:100vh;padding:45px 60px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:25px;display:flex}.brand h1{font-size:24px;font-weight:700}.brand h1 span{color:#b7f7d1}.brand p{opacity:.8;margin-top:3px;font-size:12px}.welcome-content{flex-direction:column;flex:1;justify-content:center;max-width:450px;display:flex}.welcome-icon{background:#ffffff1f;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:30px;font-size:35px;display:flex}.welcome-content h2{margin-bottom:20px;font-size:48px;line-height:1.2}.welcome-content p{opacity:.85;font-size:16px;line-height:1.7}.features{flex-direction:column;gap:18px;margin-top:40px;display:flex}.features div{align-items:center;gap:12px;font-size:14px;display:flex}.features span{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.copyright{opacity:.65;font-size:12px}.login-main{flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.login-box{width:100%;max-width:430px}.login-header{margin-bottom:35px}.login-header h2{margin-bottom:10px;font-size:32px}.login-header p{color:#6b7280;font-size:14px}.input-group{margin-bottom:22px}.input-group label{margin-bottom:9px;font-size:14px;font-weight:600;display:block}.input-group input{border:1px solid #dfe5e5;border-radius:10px;outline:none;width:100%;height:52px;padding:0 16px;font-family:inherit;font-size:14px;transition:all .2s}.input-group input:focus{border-color:#16806f;box-shadow:0 0 0 4px #16806f1a}.password-label{justify-content:space-between;align-items:center;display:flex}.password-label a{color:#16806f;font-size:13px;font-weight:600;text-decoration:none}.remember-me{margin-bottom:25px}.remember-me label{color:#6b7280;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.remember-me input{accent-color:#16806f;width:16px;height:16px}.login-button{color:#fff;cursor:pointer;background:#16806f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.login-button:hover{background:#0f6658;transform:translateY(-1px)}.login-button span{font-size:20px}.divider{color:#9ca3af;align-items:center;gap:15px;margin:30px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.create-account{text-align:center;color:#6b7280;font-size:14px}.create-account a{color:#16806f;font-weight:700;text-decoration:none}@media (width<=800px){.login-sidebar{display:none}.login-main{padding:25px}.login-box{max-width:100%}}.create-page{min-height:100vh;display:flex}.create-sidebar{color:#fff;background:linear-gradient(160deg,#0f766e,#16806f,#22a06b);flex-direction:column;width:45%;min-height:100vh;padding:45px 60px;display:flex}.create-welcome{flex-direction:column;flex:1;justify-content:center;max-width:450px;display:flex}.create-welcome h2{margin-bottom:20px;font-size:42px;line-height:1.2}.create-welcome p{opacity:.85;font-size:16px;line-height:1.7}.create-main{flex:1;justify-content:center;align-items:center;padding:40px 30px;display:flex}.create-box{width:100%;max-width:430px}.error-message{color:#dc2626;background:#fff1f1;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:14px}.info-message{color:#0f6658;background:#e8f5f1;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:13px;line-height:1.6}@media (width<=800px){.create-sidebar{display:none}.create-main{padding:25px}.create-box{max-width:100%}}.dashboard{color:#202b33;background:#f6f8f8;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e8eeee;flex-direction:column;width:260px;min-height:100vh;padding:35px 20px 25px;display:flex}.sidebar-logo{align-items:center;gap:12px;margin-bottom:45px;padding:0 12px;display:flex}.logo-icon{color:#16806f}.sidebar-logo h2{font-size:24px}.sidebar-logo h2 span{color:#16806f}.sidebar-logo p{color:#7c8b91;margin-top:4px;font-size:12px}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.menu-item{color:#526068;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:15px;width:100%;padding:14px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.menu-item,.menu-item:hover,.menu-item:focus,.menu-item:active,.menu-item.active{text-decoration:none}.menu-item:hover,.menu-item.active{color:#16806f;background:#e8f3f1}.user-profile{background:#f6f8f8;border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:15px;display:flex}.profile-avatar,.activity-avatar{color:#fff;background:#16806f;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-avatar{width:42px;height:42px}.profile-info{flex:1}.profile-info h4{font-size:13px}.profile-info p{color:#7c8b91;margin-top:3px;font-size:11px}.dashboard-main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e8eeee;justify-content:space-between;align-items:center;height:105px;padding:0 45px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:25px;display:flex}.topbar button{cursor:pointer;color:#34434a;background:0 0;border:none}.search-box{color:#8b989d;background:#f5f7f7;border-radius:12px;align-items:center;gap:12px;width:360px;height:50px;padding:0 16px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.notification{position:relative}.notification span{color:#fff;background:#16806f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-9px;right:-10px}.dashboard-content{background-color:#f6f8f8;background-image:radial-gradient(#16806f0d 1px,#0000 1px);background-size:22px 22px;min-height:calc(100vh - 105px);padding:30px 45px 45px}.greeting{margin-bottom:25px}.greeting h1{margin-bottom:7px;font-size:30px}.greeting p{color:#748188}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e6ecec;border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;min-height:132px;padding:20px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.5s cubic-bezier(.22,1,.36,1) both cardIn;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:0;background:#16806f;width:4px;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0}.stat-card:hover{border-color:#cfe3de;transform:translateY(-4px);box-shadow:0 14px 32px #0f665824}.stat-card:hover:after{opacity:1}.stat-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stat-card p{color:#64757c;font-size:12.5px;font-weight:500}.stat-card h2{font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-top:8px;font-size:30px}.stat-card-icon{color:#16806f;background:#e8f3f1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.green-card .stat-card-icon{color:#248657;background:#e4f5ec}.hazardous-card .stat-card-icon{color:#d44747;background:#fdecec}.blue-card .stat-card-icon{color:#2f6fd0;background:#e6f0fd}.blue-card h2,.blue-card .stat-card p{color:#2f6fd0}.stat-card-hint{color:#6b7a80;align-items:center;gap:5px;font-size:12px;line-height:1.5;display:flex}.stat-card-hint svg{opacity:.8;flex-shrink:0}.stat-icon{border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.recycle{color:#16806f;background:#e6f3f0}.general{color:#2d3438;background:#f0f2f2}.green{color:#249b62;background:#e5f5ec}.hazardous{color:#e14343;background:#fdeaea}.green-card h2,.green-card p{color:#248657}.hazardous-card h2,.hazardous-card p{color:#d44747}.main-grid{grid-template-columns:2fr 1fr;gap:22px;margin-bottom:22px;display:grid}.bottom-grid{grid-template-columns:1.1fr 1.1fr 1fr;gap:22px;display:grid}.panel{background:#fff;border:1px solid #e3e9e9;border-radius:18px;padding:24px}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel h2{font-size:20px}.panel-actions{gap:10px;display:flex}.schedule-btn,.view-btn{cursor:pointer;border-radius:9px;height:40px;padding:0 15px}.schedule-btn{color:#fff;background:#16806f;border:none}.view-btn{color:#16806f;background:#fff;border:1px solid #16806f;align-items:center;gap:5px;display:flex}.tabs{margin:25px 0 15px;display:flex}.tab{color:#607077;cursor:pointer;background:#f3f5f5;border:none;padding:10px 22px}.tab:first-child{border-radius:10px 0 0 10px}.tab:last-child{border-radius:0 10px 10px 0}.active-tab{color:#16806f;background:#fff;border:1px solid #dce5e5}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#527078;border-bottom:1px solid #e7eded;padding:13px;font-size:12px}td{border-bottom:1px solid #edf1f1;padding:16px 13px;font-size:13px}.status{border-radius:7px;padding:7px 10px;font-size:11px;font-weight:600}.pending{color:#bd8500;background:#fff5dc}.collected{color:#25835a;background:#e4f5ed}.cancelled{color:#d63f3f;background:#fde8e8}.explore-btn{color:#16806f;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.recent-title{color:#7c898f;margin:25px 0 15px;font-size:13px}.activity-list{flex-direction:column;gap:17px;display:flex}.activity-item{gap:12px;display:flex}.activity-avatar{color:#16806f;background:#e4f1ee;flex-shrink:0;width:38px;height:38px}.activity-item p{font-size:12px;line-height:1.5}.activity-item span{color:#8c989d;font-size:10px}.waste-overview{align-items:center;gap:25px;margin-top:20px;display:flex}.donut-chart{background:conic-gradient(#16806f 0deg 72deg,#46535a 72deg 228deg,#249b62 228deg 330deg,#e14343 330deg 360deg);border-radius:50%;justify-content:center;align-items:center;width:145px;height:145px;display:flex;position:relative}.donut-chart:before{content:"";background:#fff;border-radius:50%;width:92px;height:92px;position:absolute}.donut-center{z-index:1;text-align:center}.donut-center span{color:#7c898f;font-size:11px;display:block}.donut-center strong{font-size:16px}.chart-legend{flex-direction:column;flex:1;gap:12px;display:flex}.chart-legend div{align-items:center;gap:7px;font-size:11px;display:flex}.chart-legend strong{margin-left:auto}.legend-dot{border-radius:50%;width:8px;height:8px}.recyclable-dot{background:#16806f}.general-dot{background:#46535a}.green-dot{background:#249b62}.hazardous-dot{background:#e14343}.line-chart{height:160px;margin-top:20px;display:flex}.chart-y-axis{color:#8b989d;flex-direction:column;justify-content:space-between;font-size:10px;display:flex}.chart-area{flex:1;margin-left:12px;position:relative}.chart-area svg{width:100%;height:130px}.chart-area circle{fill:#16806f}.months{color:#748188;justify-content:space-between;font-size:10px;display:flex}.quick-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.quick-grid button,.quick-grid a{color:#3b4a50;cursor:pointer;background:#fafcfc;border:1px solid #e0e7e7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:76px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.quick-grid button:hover,.quick-grid a:hover{border-color:#16806f;transform:translateY(-3px);box-shadow:0 10px 22px #0f66581f}.quick-grid button svg,.quick-grid a svg{color:#16806f;width:20px;height:20px}@media (width<=1250px){.stats-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr 1fr}.quick-actions{grid-column:span 2}}@media (width<=900px){.sidebar{width:85px;padding:25px 10px}.sidebar-logo div:last-child,.menu-item span,.profile-info,.user-profile>svg{display:none}.sidebar-logo{justify-content:center;padding:0}.menu-item{justify-content:center;padding:15px}.user-profile{justify-content:center}.main-grid,.bottom-grid{grid-template-columns:1fr}.quick-actions{grid-column:auto}.topbar,.dashboard-content{padding-left:25px;padding-right:25px}}@media (width<=650px){.stats-grid{grid-template-columns:1fr}.search-box{display:none}.topbar{padding:0 15px}.dashboard-content{padding:25px 15px}.panel-header{align-items:flex-start;gap:15px}.panel-actions{flex-direction:column}.waste-overview{flex-direction:column;align-items:flex-start}}.role-group{grid-template-columns:1fr 1fr;gap:12px;display:grid}.role-option{cursor:pointer;border:1px solid #dfe5e5;border-radius:10px;flex-direction:column;gap:3px;padding:14px;transition:all .2s;display:flex;position:relative}.role-option:hover{border-color:#16806f}.role-option.active{background:#16806f0f;border-color:#16806f;box-shadow:0 0 0 3px #16806f1a}.role-option input{accent-color:#16806f;position:absolute;top:12px;right:12px}.role-option span{font-size:14px;font-weight:600}.role-option small{color:#6b7280;font-size:11px}.login-button:disabled{opacity:.6;cursor:not-allowed}.route-loading{color:#6b7280;justify-content:center;align-items:center;min-height:100vh;display:flex}.forbidden-page{text-align:center;color:#34434a;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.forbidden-page svg{color:#e14343}.forbidden-page h1{font-size:26px}.forbidden-page p{color:#6b7280;margin-bottom:10px}.forbidden-page .login-button{text-decoration:none}.coming-soon{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.coming-soon svg{color:#16806f}.coming-soon h3{color:#34434a;font-size:16px}.coming-soon p{font-size:12px}.logout-btn{color:#526068;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px}.logout-btn:hover{color:#e14343;background:#fdeaea}.topbar-user{color:#34434a;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.menu-toggle{display:none}@media (width<=900px){.menu-toggle{display:inline-flex}.sidebar{z-index:50;width:260px;height:100vh;padding:35px 20px 25px;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #0000001f}.sidebar.open{transform:translate(0)}.sidebar .menu-item span,.sidebar .profile-info,.sidebar .sidebar-logo div:last-child{display:inline}.sidebar .menu-item{justify-content:flex-start;padding:14px 16px}.sidebar .sidebar-logo{justify-content:flex-start;padding:0 12px}}.greeting-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ghost-btn{color:#34434a;cursor:pointer;background:#fff;border:1px solid #d3dede;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.ghost-btn:hover{color:#16806f;border-color:#16806f}.muted-line{color:#8b989d;text-align:center;padding:24px 0;font-size:13px}.bar-chart{align-items:flex-end;gap:10px;height:180px;margin-top:22px;padding-top:18px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:8px;height:100%;display:flex}.bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar-fill{background:linear-gradient(#22a06b,#16806f);border-radius:6px 6px 0 0;width:60%;min-height:3px;transition:height .6s cubic-bezier(.22,1,.36,1);animation:.7s cubic-bezier(.22,1,.36,1) both barGrow;position:relative}.bar-fill:hover{filter:brightness(1.08)}.bar-value{color:#16806f;font-size:10px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bar-label{color:#748188;font-size:11px}.empty-state{text-align:center;color:#8b989d;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.empty-state svg{color:#b6c2c2}.empty-state p{color:#52616a;font-size:14px;font-weight:600}.empty-state small{max-width:320px;font-size:12px}.stats-grid{grid-auto-rows:1fr}@media (width<=1250px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.toolbar .search-box{width:320px;max-width:100%}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#52616a;cursor:pointer;background:#fff;border:1px solid #d3dede;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.chip:hover{color:#16806f;border-color:#16806f}.chip.active{color:#fff;background:#16806f;border-color:#16806f}.row-actions{gap:6px;display:flex}.row-actions button{color:#52616a;cursor:pointer;background:#fafcfc;border:1px solid #e0e7e7;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.row-actions button:hover{color:#16806f;border-color:#16806f}.row-actions button.danger:hover{color:#e14343;border-color:#e14343}.pagination{color:#52616a;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;font-size:13px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #d3dede;border-radius:8px;padding:7px 14px;font-size:13px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.modal-overlay{z-index:100;background:#0f171873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000040}.modal-header{border-bottom:1px solid #eef2f2;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h3{font-size:17px}.modal-close{color:#7c898f;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.modal-close:hover{color:#34434a;background:#f2f5f5}.modal-body{padding:22px;overflow-y:auto}.modal-footer{border-top:1px solid #eef2f2;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.modal-form .input-group{margin-bottom:16px}.modal-form .input-group:last-child{margin-bottom:0}.modal-form select{background:#fff;border:1px solid #dfe5e5;border-radius:10px;outline:none;width:100%;height:46px;padding:0 12px;font-family:inherit;font-size:14px}.modal-form select:focus{border-color:#16806f}.btn-danger{color:#fff;cursor:pointer;background:#e14343;border:none;border-radius:9px;height:40px;padding:0 16px;font-size:13px;font-weight:600}.btn-danger:hover{background:#c93636}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.detail-list{flex-direction:column;gap:12px;display:flex}.detail-list>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-list span{color:#7c898f;font-size:13px}.detail-list strong{font-size:14px}.detail-list hr{border:none;border-top:1px solid #eef2f2}.toast{color:#fff;z-index:200;background:#16806f;border-radius:10px;padding:12px 22px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.schedule-btn{color:#fff;cursor:pointer;background:#16806f;border:none;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.schedule-btn:hover{background:#0f6658}.schedule-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=650px){.toolbar .search-box{width:100%}}.form-panel{max-width:620px}.stacked-form{flex-direction:column;gap:18px;display:flex}.stacked-form .input-group{margin-bottom:0}.stacked-form select,.modal-form select,.stacked-form textarea{background:#fff;border:1px solid #dfe5e5;border-radius:10px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.stacked-form select,.modal-form select{height:46px}.stacked-form select:focus,.modal-form select:focus,.stacked-form textarea:focus{border-color:#16806f;box-shadow:0 0 0 4px #16806f1a}.stacked-form textarea{resize:vertical}.stacked-form .schedule-btn{align-self:flex-start;height:46px;padding:0 22px}label .hint{color:#9ca3af;font-size:12px;font-weight:400}.welcome-banner{color:#fff;background:linear-gradient(135deg,#0f766e,#16806f 55%,#22a06b);border-radius:18px;align-items:center;min-height:132px;margin-bottom:22px;padding:26px 30px;display:flex;position:relative;overflow:hidden}.welcome-banner-text{z-index:1;max-width:62%;position:relative}.welcome-banner-text h1{margin-bottom:6px;font-size:26px}.welcome-banner-text p{opacity:.9;font-size:14px}.welcome-banner-action{margin-top:14px}.welcome-banner-action .schedule-btn{color:#0f6658;background:#fff}.welcome-banner-action .schedule-btn:hover{background:#eafaf4}.welcome-banner-action .ghost-btn{color:#fff;background:#ffffff1f;border-color:#ffffff80}.welcome-banner-art{opacity:.95;pointer-events:none;width:auto;height:152px;position:absolute;bottom:0;right:8px}@media (width<=700px){.welcome-banner-text{max-width:100%}.welcome-banner-art{opacity:.18;right:-10px}}.notif-wrap{position:relative}.notif-dropdown{z-index:60;background:#fff;border:1px solid #e6ecec;border-radius:14px;width:320px;max-width:calc(100vw - 40px);position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 18px 50px #00000029}.notif-head{border-bottom:1px solid #eef2f2;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.notif-head strong{font-size:14px}.link-btn{color:#16806f;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.notif-empty{text-align:center;color:#8b989d;padding:26px 16px;font-size:13px}.notif-list{max-height:360px;list-style:none;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #f2f5f5;padding:12px 16px}.notif-item:hover{background:#f7faf9}.notif-item p{color:#34434a;font-size:13px;line-height:1.45}.notif-item span{color:#98a4a9;font-size:11px}.notif-item.unread{background:#f0f7f5}.notif-item.unread p{font-weight:600}.modal-form textarea{resize:vertical;border:1px solid #dfe5e5;border-radius:10px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.modal-form textarea:focus{border-color:#16806f;box-shadow:0 0 0 4px #16806f1a}.confirm-banner{color:#8a5a00;background:#fff7e6;border:1px solid #f4d999;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;font-size:14px;display:flex}.confirm-banner svg{flex-shrink:0}.confirm-banner span{flex:1;min-width:200px}.banner-actions{gap:8px;display:flex}.pill{color:#d63f3f;vertical-align:middle;background:#fde8e8;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:260px;display:-webkit-box;overflow:hidden}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.panel-title{margin-bottom:18px;font-size:17px}.stack-list{flex-direction:column;gap:14px;display:flex}.stack-item{border:1px solid #e8eeee;border-radius:12px;padding:14px 16px}.stack-item-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.stack-item p{color:#46545b;font-size:13px;line-height:1.5}.stack-meta{color:#98a4a9;font-size:11px}.response-box{background:#eef7f4;border-radius:10px;margin-top:10px;padding:10px 12px}.response-box span{color:#16806f;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.response-box p{color:#34434a;margin-top:4px;font-size:13px}.star-rating{gap:3px;display:inline-flex}.star-rating button{background:0 0;border:none;padding:0;line-height:0}.star-rating.interactive button{cursor:pointer}@media (width<=900px){.two-col{grid-template-columns:1fr}}.filter-row{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.filter-row label{color:#52616a;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.filter-row input,.filter-row select{background:#fff;border:1px solid #dfe5e5;border-radius:9px;outline:none;height:40px;padding:0 10px;font-family:inherit;font-size:13px}.filter-row input:focus,.filter-row select:focus{border-color:#16806f}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes donutIn{0%{opacity:0;transform:rotate(-90deg)scale(.9)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.bar-fill{transform-origin:bottom}.dashboard-content .panel{transition:box-shadow .22s,transform .22s;animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.dashboard-content .panel:hover{box-shadow:0 12px 30px #0f66581a}.dashboard-content .main-grid:nth-of-type(2) .panel{animation-delay:60ms}.dashboard-content .main-grid:nth-of-type(3) .panel{animation-delay:.12s}.welcome-banner{animation:.55s cubic-bezier(.22,1,.36,1) both fadeUp}.welcome-banner-art{animation:.7s cubic-bezier(.22,1,.36,1) .15s both popIn}.donut-chart{animation:.7s cubic-bezier(.22,1,.36,1) both donutIn}.activity-list .activity-item{animation:.4s both fadeUp}.activity-list .activity-item:first-child{animation-delay:40ms}.activity-list .activity-item:nth-child(2){animation-delay:90ms}.activity-list .activity-item:nth-child(3){animation-delay:.14s}.activity-list .activity-item:nth-child(4){animation-delay:.19s}.activity-list .activity-item:nth-child(5){animation-delay:.24s}.activity-list .activity-item:nth-child(n+6){animation-delay:.28s}.table-wrapper tbody tr{animation:.35s both fadeUp}.menu-item{transition:background .18s,color .18s,padding-left .18s}.menu-item:hover{padding-left:20px}.schedule-btn,.login-button,.btn-danger,.ghost-btn,.chip{transition:transform .12s,background .18s,box-shadow .18s,border-color .18s,color .18s}.schedule-btn:active,.login-button:active,.btn-danger:active,.ghost-btn:active{transform:translateY(1px)scale(.99)}.row-actions button{transition:all .15s}.row-actions button:hover{transform:translateY(-1px)}.modal{animation:.2s both popIn}.modal-overlay{animation:.18s both cardIn}.toast{animation:.3s cubic-bezier(.22,1,.36,1) both fadeUp}.sub-status-card{color:#fff;background:linear-gradient(135deg,#0f766e,#16806f 60%,#22a06b);border-radius:18px;margin-bottom:22px;padding:24px;animation:.5s both fadeUp}.sub-status-card.inactive{background:linear-gradient(135deg,#7c2d2d,#b23b3b)}.sub-status-card.none{background:linear-gradient(135deg,#475569,#64748b)}.sub-status-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sub-status-head h2{font-size:22px}.sub-plan-pill{letter-spacing:.4px;background:#fff3;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.sub-status-meta{flex-wrap:wrap;gap:26px;margin-top:16px;display:flex}.sub-status-meta div span{opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.sub-status-meta div strong{font-size:17px}.sub-progress{background:#ffffff40;border-radius:999px;height:8px;margin-top:16px;overflow:hidden}.sub-progress>i{background:#fff;border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.sub-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.sub-actions .schedule-btn{color:#0f6658;background:#fff}.sub-actions .schedule-btn:hover{background:#eafaf4}.sub-actions .ghost-btn{color:#fff;background:#ffffff1f;border-color:#ffffff8c}.plan-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.plan-card{background:#fff;border:1.5px solid #e6ecec;border-radius:16px;flex-direction:column;gap:14px;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.5s both cardIn;display:flex}.plan-card:hover{border-color:#b7ddd4;transform:translateY(-5px);box-shadow:0 16px 36px #0f665824}.plan-card.current{border-color:#16806f;box-shadow:0 0 0 3px #16806f1f}.plan-card h3{align-items:center;gap:8px;font-size:18px;display:flex}.plan-price{letter-spacing:-1px;font-size:30px;font-weight:800}.plan-price small{color:#6b7a80;font-size:13px;font-weight:500}.plan-perks{flex-direction:column;flex:1;gap:9px;margin-top:4px;list-style:none;display:flex}.plan-perks li{color:#3b4a50;align-items:center;gap:8px;font-size:13px;display:flex}.plan-perks li svg{color:#16806f;flex-shrink:0}.plan-card .schedule-btn{justify-content:center}.plan-badge-current{text-align:center;color:#16806f;padding:10px;font-size:12px;font-weight:700}.sub-lock{text-align:center;border:1.5px dashed #d3dede;border-radius:18px;flex-direction:column;align-items:center;gap:12px;max-width:460px;margin:10px auto;padding:40px 26px;animation:.4s both popIn;display:flex}.sub-lock svg{color:#bd8500}.sub-lock h3{font-size:18px}.sub-lock p{color:#6b7a80;max-width:340px;font-size:14px}@media (width<=900px){.plan-grid{grid-template-columns:1fr}}.cat-list{flex-direction:column;gap:14px;margin-top:8px;display:flex}.cat-row-top{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.cat-row-top span{color:#52616a}.cat-bar{background:#f0f3f3;border-radius:999px;height:8px;overflow:hidden}.cat-bar>i{background:linear-gradient(90deg,#f97316,#e14343);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.muted-tag{color:#9aa7ac;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.phone-input{background:#fff;border:1px solid #dfe5e5;border-radius:10px;align-items:center;gap:8px;height:52px;padding:0 12px 0 8px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.phone-input:focus-within{border-color:#16806f;box-shadow:0 0 0 4px #16806f1a}.phone-country{cursor:pointer;color:#34434a;background:0 0;border:none;border-right:1px solid #eef2f2;align-items:center;gap:6px;height:60%;padding:6px 8px 6px 4px;display:flex}.phone-flag{font-size:18px;line-height:1}.phone-dial{color:#52616a;white-space:nowrap;font-size:13px;font-weight:700}.phone-input>input{background:0 0;outline:none;flex:1;min-width:0;height:100%;font-size:14px;box-shadow:none!important;border:none!important;padding:0!important}.modal-form .phone-input,.stacked-form .phone-input{height:46px}.phone-dropdown{z-index:60;background:#fff;border:1px solid #e3e9e9;border-radius:12px;width:280px;max-width:90vw;animation:.14s both popIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 14px 40px #00000029}.phone-search{color:#8b989d;border-bottom:1px solid #eef2f2;align-items:center;gap:8px;padding:10px 12px;display:flex}.phone-search input{outline:none;flex:1;font-size:13px;box-shadow:none!important;border:none!important;height:auto!important;padding:0!important}.phone-dropdown ul{max-height:260px;list-style:none;overflow-y:auto}.phone-dropdown li button{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;display:flex}.phone-dropdown li button:hover,.phone-dropdown li button.active{background:#eef6f4}.phone-cname{color:#34434a;flex:1}.phone-cdial{color:#8b989d;font-weight:600}.phone-empty{text-align:center;color:#9aa7ac;padding:14px;font-size:13px}.pickup-detail{flex-direction:column;gap:16px;display:flex}.pd-head{border-bottom:1px solid #eef2f2;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.pd-head h3{font-size:17px}.pd-head p{color:#6b7a80;margin-top:3px;font-size:13px}.pd-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.pd-row{align-items:flex-start;gap:10px;display:flex}.pd-icon{color:#16806f;background:#e8f3f1;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pd-row small{color:#8b989d;text-transform:uppercase;letter-spacing:.4px;font-size:11px;display:block}.pd-val{margin-top:2px;font-size:13.5px;font-weight:600}.pd-note{background:#f6f8f8;border-radius:10px;padding:12px 14px}.pd-note.danger{background:#fdecec}.pd-note span{text-transform:uppercase;letter-spacing:.4px;color:#6b7a80;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.pd-note.danger span{color:#c93636}.pd-note p{font-size:13px;line-height:1.55}@media (width<=560px){.pd-grid{grid-template-columns:1fr}}.report-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.report-tab{color:#52616a;cursor:pointer;background:#fff;border:1px solid #e3e9e9;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.report-tab svg{color:#16806f}.report-tab:hover{border-color:#16806f;transform:translateY(-2px)}.report-tab.active{color:#fff;background:#16806f;border-color:#16806f}.report-tab.active svg{color:#fff}.activity-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.activity-item{border-radius:12px;gap:12px;padding:11px 10px;transition:background .15s;display:flex}.activity-item:hover{background:#f5f8f8}.activity-avatar{color:#fff;background:linear-gradient(135deg,#16806f,#22a06b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.activity-item>div:last-child{flex:1;min-width:0}.activity-item p{color:#34434a;font-size:13px;line-height:1.45}.activity-item span{color:#9aa7ac;margin-top:3px;font-size:11px;display:block}.channel-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.channel-opt{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e3e9e9;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 14px;transition:all .16s;display:flex}.channel-opt svg{color:#16806f}.channel-opt strong{font-size:13px}.channel-opt small{color:#8b989d;font-size:11px}.channel-opt:hover{border-color:#16806f}.channel-opt.active{background:#16806f0f;border-color:#16806f;box-shadow:0 0 0 3px #16806f1a}.celebrate{z-index:300;background:#0f171859;justify-content:center;align-items:center;animation:.2s both cardIn;display:flex;position:fixed;inset:0;overflow:hidden}.celebrate-card{text-align:center;z-index:2;background:#fff;border-radius:20px;max-width:380px;padding:34px 40px;animation:.35s cubic-bezier(.22,1.4,.4,1) both popIn;position:relative;box-shadow:0 24px 70px #00000040}.celebrate-emoji{margin-bottom:8px;font-size:46px;animation:.9s infinite alternate pulse}.celebrate-card h3{color:#16806f;font-size:19px}.celebrate-card p{color:#6b7a80;margin-top:8px;font-size:13px;line-height:1.5}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.confetti{z-index:1;pointer-events:none;position:absolute;inset:0}.confetti>i{opacity:.9;border-radius:2px;width:9px;height:14px;animation:2.6s linear forwards confettiFall;position:absolute;top:-12px}@keyframes confettiFall{to{opacity:0;transform:translateY(105vh)rotate(640deg)}}.recipient-list{border:1px solid #dfe5e5;border-radius:10px;max-height:220px;padding:6px;overflow-y:auto}.recipient-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.recipient-row:hover{background:#f2f7f6}.recipient-row input{accent-color:#16806f;width:16px;height:16px}.msg-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.msg-item{cursor:pointer;border:1px solid #eef2f2;border-radius:12px;gap:12px;padding:14px;transition:background .15s,border-color .15s;display:flex}.msg-item:hover{background:#f6f8f8}.msg-item.unread{background:#16806f0a;border-color:#16806f}.msg-avatar{color:#fff;background:linear-gradient(135deg,#16806f,#22a06b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.msg-body{flex:1;min-width:0}.msg-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.msg-top strong{font-size:13.5px}.msg-role{text-transform:uppercase;letter-spacing:.4px;color:#16806f;background:#e8f3f1;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.msg-time{color:#9aa7ac;margin-left:auto;font-size:11px}.msg-subject{margin-top:4px;font-size:13px;font-weight:600}.msg-text{color:#4a5860;margin-top:3px;font-size:13px;line-height:1.5}.msg-contact{color:#8b989d;margin-top:5px;font-size:11px;display:block}