:root{--xpro-bg: #121317;--xpro-surface: #1a1c22;--xpro-surface-raised: #21242b;--xpro-border: #2c2f38;--xpro-text: #e9eaee;--xpro-text-dim: #9a9ea8;--xpro-accent: #00e5e5;--xpro-accent-dim: #00b8b8;--xpro-danger: #ff6b6b;--xpro-radius: 10px;--xpro-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--xpro-bg);color:var(--xpro-text);font-family:var(--xpro-font);font-size:15px;line-height:1.5}a{color:var(--xpro-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:.95rem;border-radius:var(--xpro-radius);border:1px solid var(--xpro-border);background:var(--xpro-surface-raised);color:var(--xpro-text);padding:.6rem 1.1rem;cursor:pointer}button:hover{border-color:var(--xpro-accent-dim)}button.primary{background:var(--xpro-accent);color:#05221f;border-color:var(--xpro-accent);font-weight:600}button.primary:hover{background:var(--xpro-accent-dim)}button:disabled{opacity:.5;cursor:not-allowed}input{font-family:inherit;font-size:1rem;padding:.65rem .8rem;border-radius:var(--xpro-radius);border:1px solid var(--xpro-border);background:var(--xpro-surface);color:var(--xpro-text);width:100%}input:focus{outline:2px solid var(--xpro-accent-dim);border-color:transparent}label{display:block;font-size:.85rem;color:var(--xpro-text-dim);margin-bottom:.3rem}.card{background:var(--xpro-surface);border:1px solid var(--xpro-border);border-radius:var(--xpro-radius);padding:1.25rem}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--xpro-surface);border-right:1px solid var(--xpro-border);display:flex;flex-direction:column;padding:1rem .75rem;transition:transform .2s ease}.sidebar.collapsed{transform:translate(-100%);position:fixed;height:100%;z-index:20}.sidebar-brand{font-weight:700;font-size:1.1rem;padding:.5rem .5rem 1.25rem;letter-spacing:.02em}.sidebar-brand .accent{color:var(--xpro-accent)}.nav-group-label{font-size:.72rem;text-transform:uppercase;color:var(--xpro-text-dim);padding:.9rem .6rem .3rem;letter-spacing:.05em}.nav-link{display:block;padding:.55rem .6rem;border-radius:8px;color:var(--xpro-text);font-size:.92rem}.nav-link:hover{background:var(--xpro-surface-raised);text-decoration:none}.nav-link.active{background:var(--xpro-surface-raised);color:var(--xpro-accent)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:60px;border-bottom:1px solid var(--xpro-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--xpro-surface)}.content{padding:1.5rem;flex:1;overflow-y:auto}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.breadcrumb{font-size:.85rem;color:var(--xpro-text-dim)}.state-empty{color:var(--xpro-text-dim);font-size:.9rem;padding:1rem 0}.state-error{color:var(--xpro-danger);font-size:.9rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:360px;padding:2rem}.login-card h1{font-size:1.3rem;margin-bottom:1.5rem}.login-card .field{margin-bottom:1rem}.property-list{display:grid;gap:.75rem;max-width:480px}.property-row{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-radius:var(--xpro-radius);border:1px solid var(--xpro-border);background:var(--xpro-surface);cursor:pointer}.property-row:hover{border-color:var(--xpro-accent-dim)}.property-row .status-dot{width:8px;height:8px;border-radius:50%;background:var(--xpro-accent);display:inline-block;margin-right:.5rem}.property-row .status-dot.inactive{background:var(--xpro-text-dim)}.sidebar-toggle{display:none}@media (max-width: 768px){.sidebar{position:fixed;height:100%;z-index:20;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:inline-block}}