*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f6f7;color:#1a1a1a}.sp-layout{display:flex;min-height:100vh}.sp-sidebar{width:220px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:10}.sp-logo{padding:20px 16px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f0f0}.sp-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#008060,#00a67e);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.sp-logo-text{font-weight:700;font-size:16px;color:#1a1a1a}.sp-logo-text span{display:block;font-size:10px;font-weight:400;color:#999;letter-spacing:.5px;text-transform:uppercase}.sp-nav{flex:1;padding:12px 0}.sp-nav a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;color:#555;text-decoration:none;border-radius:0;transition:all .15s;border-left:3px solid transparent}.sp-nav a:hover{background:#f4f6f8;color:#1a1a1a}.sp-nav a.active{background:#f0faf6;color:#008060;border-left-color:#008060;font-weight:600}.sp-nav a .icon{font-size:16px;width:20px;text-align:center}.sp-main{margin-left:220px;padding:28px 32px;flex:1}.sp-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sp-topbar h1{font-size:22px;font-weight:700;color:#1a1a1a}.sp-topbar p{font-size:13px;color:#888;margin-top:2px}.sp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.sp-stat{background:#fff;border-radius:12px;padding:20px;border:1px solid #ebebeb}.sp-stat-val{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1}.sp-stat-label{font-size:12px;color:#888;margin-top:6px;font-weight:500}.sp-stat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.sp-stat.urgent .sp-stat-val{color:#d72c0d}.sp-stat.warn .sp-stat-val{color:#b98900}.sp-stat.dead .sp-stat-val{color:#6c6c6c}.sp-stat.ok .sp-stat-val{color:#008060}.sp-card{background:#fff;border-radius:12px;border:1px solid #ebebeb;overflow:hidden}.sp-card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.sp-card-head h2{font-size:15px;font-weight:600;color:#1a1a1a}.sp-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.sp-btn-primary{background:#008060;color:#fff}.sp-btn-primary:hover{background:#006b52}.sp-btn-primary:disabled{background:#9fc5ba;cursor:not-allowed}.sp-btn-outline{background:#fff;color:#008060;border:1.5px solid #008060}.sp-btn-outline:hover{background:#f0faf6}.sp-table{width:100%;border-collapse:collapse}.sp-table th{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;text-align:left;background:#fafafa;border-bottom:1px solid #f0f0f0}.sp-table td{padding:12px 16px;border-bottom:1px solid #f8f8f8;font-size:13.5px;vertical-align:middle}.sp-table tr:last-child td{border-bottom:none}.sp-table tr:hover td{background:#fafbfc}.sp-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.sp-badge.red{background:#fde8e8;color:#d72c0d}.sp-badge.orange{background:#fff2e2;color:#b98900}.sp-badge.grey{background:#f1f1f1;color:#555}.sp-badge.green{background:#e5f5ed;color:#008060}.sp-badge.blue{background:#e5f0ff;color:#2052a0}.sp-empty{text-align:center;padding:48px 20px;color:#aaa}.sp-empty h3{font-size:18px;margin-bottom:8px;color:#555}.sp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:12px;color:#aaa}.sp-spinner{width:36px;height:36px;border:3px solid #e5e5e5;border-top-color:#008060;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sp-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.sp-alert.info{background:#e5f0ff;color:#2052a0;border:1px solid #c8dcff}.sp-alert.success{background:#e5f5ed;color:#008060;border:1px solid #a7d9bc}.sp-alert.warning{background:#fff2e2;color:#b98900;border:1px solid #f2d3a0}.sp-alert.danger{background:#fde8e8;color:#d72c0d;border:1px solid #f9c4c4}.sp-progress-bar{width:100%;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.sp-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.sp-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sp-filter-btn{padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer;border:1.5px solid #e5e5e5;background:#fff;color:#555;font-weight:500;transition:all .15s}.sp-filter-btn.active{background:#008060;color:#fff;border-color:#008060}