*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f7;color:#1d1d1f;line-height:1.6}#app{max-width:none;margin:0;padding:0}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid #e0e0e2;display:flex;flex-direction:column;position:fixed;height:100vh}.sidebar-header{padding:20px;border-bottom:1px solid #e0e0e2}.sidebar-header h2{font-size:16px;font-weight:600;color:#1d1d1f;margin:0}.sidebar-nav{flex:1;padding:12px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;color:#424245;text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:4px}.nav-item:hover{background:#f5f5f7;color:#1d1d1f}.nav-item.active{background:#e6f2ff;color:#0071e3}.nav-item.disabled{cursor:not-allowed;opacity:.6}.coming-soon{margin-left:auto;font-size:11px;color:#86868b;background:#f5f5f7;padding:2px 6px;border-radius:4px}.nav-divider{height:1px;background:#e0e0e2;margin:12px 0}.nav-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;border-radius:8px;transition:all .2s}.nav-group-header:hover{background:#f5f5f7}.nav-group-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#424245}.expand-icon{color:#86868b;transition:transform .2s}.nav-group.expanded .expand-icon{transform:rotate(90deg)}.nav-group-items{display:none;padding-left:12px}.nav-group.expanded .nav-group-items{display:block}.nav-item.sub{padding:10px 16px 10px 32px;font-size:13px}.nav-item.sub .dot{width:6px;height:6px;border-radius:50%;background:#86868b;margin-right:8px}.nav-item.sub.active .dot{background:#0071e3}.sidebar-footer{padding:16px;border-top:1px solid #e0e0e2}.user-info{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.user-name{font-size:14px;font-weight:500;color:#1d1d1f}.user-role{font-size:12px;color:#86868b}.logout-btn{width:100%;padding:8px 16px;background:#f5f5f7;border:1px solid #d2d2d7;border-radius:8px;font-size:13px;color:#424245;cursor:pointer;text-align:center}.logout-btn:hover{background:#e8e8ed}.main-content{flex:1;margin-left:240px;padding:24px}h1,h2,h3,h4,h5{color:#1d1d1f;font-weight:600;line-height:1.2}h1{font-size:24px}h2{font-size:20px;margin-top:0}h3{font-size:16px}button{padding:10px 20px;background-color:#0071e3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}button:hover{background-color:#0077ed}button:disabled{background-color:#d1d1d6;cursor:not-allowed}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d2d2d7;border-radius:8px;font-size:14px;transition:border-color .2s ease;background-color:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:#0071e3}.status-tag{display:inline-block;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:500}@media (max-width: 768px){.sidebar{width:60px}.sidebar-header h2,.nav-item span:not(.coming-soon),.user-info,.logout-btn span{display:none}.nav-item{justify-content:center;padding:12px}.coming-soon{display:none}.main-content{margin-left:60px;padding:16px}}