.isp-page{color:#0f172a}.isp-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}.isp-dashboard-card{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:18px 20px;border:1px solid #d5e0ea;border-radius:10px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,.05);transition:.18s ease}.isp-dashboard-card:hover{border-color:#14877d;box-shadow:0 7px 18px rgba(15,118,110,.13);transform:translateY(-1px)}.isp-dashboard-card span{font-size:14px;font-weight:700}.isp-dashboard-card strong{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:20px;background:#e7f7f3;color:#0f766e;font-size:21px}.isp-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.isp-roadmap span{display:flex;align-items:center;min-height:54px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;font-weight:700}.isp-master-tabs{display:flex;gap:7px;margin:0 0 18px;padding:6px;overflow-x:auto;border:1px solid #d7e1eb;border-radius:10px;background:#fff}.isp-master-tabs a{flex:0 0 auto;padding:9px 12px;border-radius:7px;color:#334155;font-size:12px;font-weight:700;text-decoration:none}.isp-master-tabs a:hover{background:#edf6f5;color:#0f766e}.isp-master-tabs a.active{background:#0f766e;color:#fff}.isp-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.isp-actions form{display:inline-flex;margin:0}.isp-icon-button{--icon:none;display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;color:#334155;cursor:pointer;text-decoration:none}.isp-icon-button:before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.isp-icon-button:hover{border-color:#0f766e;background:#e7f7f3;color:#0f766e}.icon-view{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.3 9.1 1 12c1.3 2.9 5.5 7 11 7s9.7-4.1 11-7c-1.3-2.9-5.5-7-11-7Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E")}.icon-edit{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.5 9.8-9.8 3.5 3.5-9.8 9.8H4v-3.5ZM19.7 7.8l-3.5-3.5 1.4-1.4a2 2 0 0 1 2.8 0l.7.7a2 2 0 0 1 0 2.8l-1.4 1.4Z'/%3E%3C/svg%3E")}.icon-delete{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21a2 2 0 0 1-2-2V7h14v12a2 2 0 0 1-2 2H7ZM4 4h5l1-1h4l1 1h5v2H4V4Zm4 5v9h2V9H8Zm6 0v9h2V9h-2Z'/%3E%3C/svg%3E");color:#b91c1c}.icon-activate{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 16.2-4.2-4.2-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2Z'/%3E%3C/svg%3E");color:#047857}.icon-deactivate{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2c1.8 0 3.5.6 4.8 1.6L5.6 16.8A8 8 0 0 1 12 4Zm0 16c-1.8 0-3.5-.6-4.8-1.6L18.4 7.2A8 8 0 0 1 12 20Z'/%3E%3C/svg%3E");color:#b45309}@media(max-width:1000px){.isp-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.isp-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.isp-dashboard-grid,.isp-roadmap{grid-template-columns:1fr}}.icon-topology{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3h4v4h-1v3h5a2 2 0 0 1 2 2v2h1v4h-4v-4h1v-2h-5v2h1v4h-4v-4h1v-2H6v2h1v4H3v-4h1v-2a2 2 0 0 1 2-2h5V7h-1V3Z'/%3E%3C/svg%3E");color:#0f766e}.icon-location{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E");color:#2563eb}.topology-canvas{overflow:auto;padding:28px}.splitter-tree,.splitter-tree ul{position:relative;margin:0;padding-top:24px;display:flex;justify-content:center;gap:20px;list-style:none}.splitter-tree ul:before{content:"";position:absolute;top:0;left:50%;height:24px;border-left:2px solid #94a3b8}.splitter-tree li{position:relative;padding:24px 8px 0;text-align:center}.splitter-tree>li{padding-top:0}.splitter-tree ul>li:before,.splitter-tree ul>li:after{content:"";position:absolute;top:0;width:50%;height:24px;border-top:2px solid #94a3b8}.splitter-tree ul>li:before{right:50%}.splitter-tree ul>li:after{left:50%;border-left:2px solid #94a3b8}.splitter-tree ul>li:only-child:before,.splitter-tree ul>li:only-child:after{display:none}.topology-node{min-width:210px;padding:14px;border:2px solid #0f766e;border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.1)}.topology-node-title{display:flex;align-items:center;justify-content:center;gap:7px}.topology-device-icon{color:#0f766e}.topology-node small{display:block;margin-top:5px;color:#64748b}.topology-map-link{display:inline-block;margin-top:8px;color:#2563eb;font-weight:700;text-decoration:none}@media print{.topology-canvas{border:0;box-shadow:none}}.fiber-path{display:flex;flex-direction:column;align-items:center;padding:14px}.fiber-path-node{display:grid;grid-template-columns:90px 1fr;gap:3px 12px;width:min(620px,90%);padding:12px 16px;border:2px solid #64748b;border-radius:8px;background:#fff}.fiber-path-node small{grid-row:1/4;color:#64748b}.fiber-path-node strong{font-size:14px}.fiber-path-node span,.fiber-path-node em{font-size:12px;color:#64748b}.fiber-path-node.type-olt{border-color:#06b6d4}.fiber-path-node.type-olt-pon,.fiber-path-node.type-splitter-port{border-color:#7c3aed}.fiber-path-node.type-splitter{border-color:#2563eb}.fiber-arrow{padding:4px;color:#64748b;font-size:22px}.selected-summary>div{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.selected-summary span{display:flex;flex-direction:column;gap:4px}.selected-summary small{color:#64748b}.complete-fiber-tree,.complete-fiber-tree ul{list-style:none;margin:0;padding:10px 0 10px 22px;border-left:1px solid #cbd5e1}.fiber-splitter{position:relative;max-width:430px;padding:12px;border:1px solid #94a3b8;border-radius:8px;background:#fff}.fiber-splitter.selected{border:2px solid #f59e0b;background:#fffbeb}.fiber-splitter header{display:flex;justify-content:space-between;gap:12px}.fiber-splitter small,.fiber-onu small{display:block;color:#64748b}.selected-tag{display:inline-block;margin-top:7px;padding:2px 6px;border-radius:4px;background:#f59e0b}.fiber-ports{margin-left:20px!important}.fiber-port{padding:7px 0}.port-label{display:inline-flex;gap:7px;align-items:center;padding:5px 8px;border-radius:5px;background:#f1f5f9;font-size:12px}.fiber-port.free>.port-label span{color:#047857}.fiber-port.used>.port-label span{color:#1d4ed8}.fiber-onu{max-width:360px;margin:8px 0 0 25px;padding:9px;border:1px solid #22d3ee;border-radius:7px;background:#ecfeff}@media(max-width:800px){.selected-summary>div{grid-template-columns:1fr 1fr}.fiber-path-node{width:100%}}