:root{--sidebar-width: 280px;--bg-main: #f8f9fa;--bg-sidebar: #1a1a1a;--text-primary: #2d3436;--text-secondary: #636e72;--text-white: #ffffff;--primary-red: #ff4757;--primary-orange: #ffa502;--primary-blue: #1e90ff;--primary-security: #2c3e50;--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--sidebar-hover: #333333}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);color:var(--text-white);padding:2rem;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.logo-container{margin-bottom:2rem;text-align:center}.sidebar-logo{max-width:100%;height:auto;margin-bottom:.5rem;cursor:pointer}.subtitle{color:#888;font-size:.85rem;margin-top:.25rem;letter-spacing:1px;text-transform:uppercase;font-weight:600}.nav-menu{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{background:none;border:none;color:#aaa;text-align:left;padding:.8rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.nav-item:hover{background-color:var(--sidebar-hover);color:#fff}.nav-item.active{background-color:var(--primary-red);color:#fff}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid #333;font-size:.85rem;color:#888;text-align:center}.ticket-btn{display:block;width:100%;padding:.8rem;margin-top:1rem;border-radius:8px;border:none;background-color:#3498db;color:#fff;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #3498db4d}.ticket-btn:hover{background-color:#2980b9;transform:translateY(-3px);box-shadow:0 6px 15px #3498db66;filter:brightness(1.1)}.ticket-btn:active{transform:translateY(-1px)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem 3rem}.content-header{margin-bottom:3rem;position:sticky;top:0;background:var(--bg-main);padding:1rem 0;z-index:90}.search-bar{display:flex;align-items:center;background:#fff;padding:.8rem 1.5rem;border-radius:12px;box-shadow:var(--card-shadow);border:1px solid #eee}.search-icon{margin-right:1rem;color:#aaa}.search-bar input{border:none;outline:none;width:100%;font-size:1.1rem;color:var(--text-primary)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.rule-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--card-shadow);border-left:6px solid #ddd;transition:transform .2s,box-shadow .2s}.rule-card:hover{transform:translateY(-4px);box-shadow:0 8px 15px #00000014}.card-header{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem}.rule-icon{font-size:2.2rem;line-height:1}.rule-category{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:var(--text-secondary);display:block;margin-bottom:.2rem}.rule-title{font-size:1.35rem;font-weight:800;color:var(--primary-security)}.rule-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.rule-list li{font-size:.95rem;line-height:1.6;color:#444;padding-left:1.2rem;position:relative}.rule-list li:before{content:"→";position:absolute;left:0;color:#999}.severity-egregious{border-left-color:var(--primary-red)}.severity-egregious .rule-title{color:var(--primary-red)}.severity-egregious .rule-list li:before{color:var(--primary-red)}.severity-standard{border-left-color:var(--primary-orange)}.severity-standard .rule-title{color:var(--primary-orange)}.severity-standard .rule-list li:before{color:var(--primary-orange)}.severity-security{border-left-color:var(--primary-security);background:#fdfdfd}.severity-security .rule-title{color:var(--primary-security)}.severity-info{border-left-color:var(--primary-blue)}.no-results{grid-column:1 / -1;text-align:center;padding:4rem;background:#fff;border-radius:16px}.no-results p{font-size:1.2rem;margin-bottom:1rem;color:var(--text-secondary)}.no-results button{padding:.6rem 1.5rem;background:var(--primary-red);color:#fff;border:none;border-radius:6px;cursor:pointer}.main-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid #eee;text-align:center;font-size:.85rem;color:var(--text-secondary)}.main-footer p{margin:.25rem 0}@media (max-width: 1024px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:1.5rem}.main-content{margin-left:0;padding:1.5rem}.nav-menu{flex-direction:row;overflow-x:auto;padding-bottom:1rem}.nav-item{white-space:nowrap}.rules-grid{grid-template-columns:1fr}}