*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#f7f8f8;color:#0b2420;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#6d6e71;font-size:15px}.loading[hidden]{display:none}.spinner{width:36px;height:36px;border:3px solid #d9dadb;border-top-color:#6d6e71;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.layout{display:flex;height:100vh;overflow:hidden}.layout[hidden]{display:none}.sidebar{display:flex;flex-direction:column;width:236px;flex-shrink:0;height:100vh;overflow-y:auto;background:#0b2420;color:#fff9}.sidebar-logo{padding:26px 24px 24px}.sidebar-logo img{height:26px;width:auto;display:block}.sidebar-nav{display:flex;flex-direction:column}.nav-label{margin:20px 0 8px;padding:0 24px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff61}.nav-label-first{margin-top:0}.nav-item{display:flex;align-items:center;gap:12px;border-left:3px solid transparent;padding:10px 24px;font-size:15px;color:#fff9;text-decoration:none;transition:background-color .15s,color .15s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{border-left-color:#4eb857;background:#ffffff12;font-weight:700;color:#fff}.nav-item svg{flex-shrink:0}.content{position:relative;display:flex;flex:1;flex-direction:column;overflow-y:auto;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;background:#fff;border-bottom:1px solid #ebebeb}.page-title{font-size:15px;font-weight:700;color:#0b2420}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:10px;border:none;background:none;cursor:pointer;font:inherit;padding:2px 0}.user-name{font-size:14px;font-weight:700;color:#2c2c2c}.avatar{display:flex;width:34px;height:34px;padding:2px;border-radius:50%;background:#4eb857}.avatar-inner{display:flex;flex:1;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#f472b6,#60a5fa,#4eb857);color:#fff;font-size:13px;font-weight:700}.chevron{color:#9b9b9b;transition:transform .2s}.user-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.dropdown{position:absolute;right:0;top:calc(100% + 14px);width:248px;padding:8px;border:1px solid #ebebeb;border-radius:12px;background:#fff;box-shadow:0 12px 32px #0b242029;z-index:20}.dropdown-info{padding:10px 12px 12px;margin-bottom:6px;border-bottom:1px solid #ebebeb}.dropdown-name{font-size:14px;font-weight:700;color:#0b2420}.dropdown-email{margin-top:2px;font-size:12px;color:#9b9b9b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:none;cursor:pointer;font:inherit;font-size:14px;text-align:left;text-decoration:none;transition:background-color .15s}.dropdown-item svg{flex-shrink:0}#account-settings{color:#2c2c2c;font-weight:400}#account-settings svg{color:#6d6e71}#account-settings:hover{background:#f7f8f8}.dropdown-divider{height:1px;margin:6px 0;background:#ebebeb}.dropdown-logout{color:#db4747;font-weight:700}.dropdown-logout:hover{background:#fbeaea}.main{flex:1;background:#f7f8f8;padding:40px}.greeting{font-size:30px;font-weight:900;letter-spacing:-.01em;line-height:1.2}.sub{margin-top:6px;font-size:15px;color:#6d6e71}.grid{display:grid;grid-template-columns:1fr;gap:22px;max-width:1000px;margin-top:34px}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}.card{display:flex;align-items:center;gap:22px;padding:26px;border:1px solid #ebebeb;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0b24200a;text-decoration:none;color:inherit;transition:all .2s}.card:hover{transform:translateY(-2px);border-color:#d6efda;box-shadow:0 10px 26px #0b24201f}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:12px;background:#edf8ee;color:#4eb857}.card-body{flex:1;min-width:0}.card-title{font-size:19px;font-weight:700}.card-subtitle{margin-top:2px;font-size:13px;color:#9b9b9b}.card-arrow{flex-shrink:0;color:#c3c8c6;transition:all .2s}.card:hover .card-arrow{transform:translate(4px);color:#4eb857}.empty{grid-column:1 / -1;padding:48px 32px;border:1px dashed #d3d1c7;border-radius:14px;background:#fff;text-align:center}.empty-title{font-size:17px;font-weight:700}.empty-text{margin-top:6px;font-size:14px;color:#6d6e71}@media(max-width:1023px){.sidebar{display:none}}