.rules-page{min-height:calc(100vh - 80px);padding:80px 20px 60px}.rules-container{max-width:900px;margin:0 auto}.rules-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.rules-header-left{display:flex;align-items:center;gap:12px}.rules-header h1{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.rules-header h1 i{color:#ffd100;margin-right:10px}.rules-search-wrapper{width:200px}.rules-search-wrapper .search-container{position:relative}.rules-search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.3);font-size:12px;pointer-events:none}.rules-search-wrapper .search-input{width:100%;padding:8px 12px 8px 34px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;transition:border-color .2s ease,background .2s ease}.rules-search-wrapper .search-input::placeholder{color:rgba(255,255,255,.3)}.rules-search-wrapper .search-input:focus{outline:0;border-color:rgba(255,209,0,.4);background:rgba(255,255,255,.08)}.rules-banner{padding:12px 16px;margin-bottom:20px;font-size:.85rem}.rules-banner.banner-success{background:rgba(74,222,128,.08);border-left:3px solid rgba(74,222,128,.6)}.rules-banner.banner-warning{background:rgba(251,191,36,.08);border-left:3px solid rgba(251,191,36,.6)}.rules-banner.banner-danger{background:rgba(248,113,113,.08);border-left:3px solid rgba(248,113,113,.6)}.banner-content{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.9)}.banner-content>i{color:#ffd100;flex-shrink:0}.banner-meta{color:rgba(255,255,255,.5);font-size:.8rem;margin-left:auto}.banner-dismiss{background:0 0;border:none;color:rgba(255,255,255,.4);cursor:pointer;padding:4px 8px;margin-left:8px;transition:color .2s;flex-shrink:0}.banner-dismiss:hover{color:rgba(255,255,255,.8)}.rules-banner-dropdown{margin-bottom:20px;background:rgba(0,0,0,.3);border-left:3px solid #ffd100}.banner-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .2s}.banner-header:hover{background:rgba(255,255,255,.03)}.banner-header-content{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.9)}.banner-header-content>i{color:#ffd100}.banner-header .banner-meta{margin-left:0}.dropdown-arrow{color:rgba(255,255,255,.5);transition:transform .2s}.rules-banner-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.banner-items{display:none;border-top:1px solid rgba(255,255,255,.05)}.rules-banner-dropdown.open .banner-items{display:block}.banner-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.03)}.banner-item:last-child{border-bottom:none}.banner-item.banner-success{border-left:2px solid rgba(74,222,128,.6);background:rgba(74,222,128,.05)}.banner-item.banner-warning{border-left:2px solid rgba(251,191,36,.6);background:rgba(251,191,36,.05)}.banner-item.banner-danger{border-left:2px solid rgba(248,113,113,.6);background:rgba(248,113,113,.05)}.banner-item-content{display:flex;flex-direction:column;gap:2px}.banner-item-text{color:rgba(255,255,255,.9);font-size:.85rem}.banner-item-meta{color:rgba(255,255,255,.4);font-size:.75rem}.empty-rules{text-align:center;padding:60px 20px}.empty-rules i{font-size:3rem;color:rgba(255,255,255,.2);margin-bottom:16px;display:block}.empty-rules p{color:rgba(255,255,255,.5);margin:0}.accordion-item{background:0 0;border:none;margin-bottom:8px}.accordion-header{margin:0}.accordion-button{background:rgba(0,0,0,.4);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.05);border-left:3px solid transparent;transition:background .2s ease,border-left-color .2s ease}.accordion-button:not(.collapsed){background:rgba(0,0,0,.5);border-left-color:#ffd100;box-shadow:none}.accordion-button.collapsed{border-left-color:transparent}.accordion-button:focus{box-shadow:none}.accordion-button:hover{background:rgba(0,0,0,.5)}.accordion-button::after{filter:invert(1);margin-left:auto;flex-shrink:0}.category-number{background:rgba(255,209,0,.15);color:#ffd100;min-width:28px;padding:4px 8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;font-family:Sono,monospace}.category-info{display:flex;flex-direction:column;gap:2px;text-align:left}.category-name{font-weight:600;font-size:1.1rem}.category-meta{color:rgba(255,255,255,.4);font-size:.8rem;font-weight:400}.category-updated{color:rgba(255,255,255,.35)}.accordion-collapse{background:0 0}.accordion-body{background:rgba(0,0,0,.25);padding:0;border-left:3px solid rgba(255,209,0,.3)}.no-rules{color:rgba(255,255,255,.4);text-align:center;padding:30px 20px;margin:0}.rules-list{padding:0}.rule-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s ease}.rule-item:last-child{border-bottom:none}.rule-item.highlight{background:rgba(255,209,0,.1);animation:highlightPulse 2s ease}@keyframes highlightPulse{0%,100%{background:rgba(255,209,0,.1)}50%{background:rgba(255,209,0,.2)}}.rule-number-badge{background:rgba(255,209,0,.12);color:#ffd100;padding:4px 10px;font-size:.85rem;font-weight:600;flex-shrink:0;font-family:Sono,monospace;margin-top:2px}.rule-content-wrapper{flex:1;min-width:0}.rule-text{color:rgba(255,255,255,.9);line-height:1.6}.rule-text strong{color:#ffd100;font-weight:600}.rule-text em{color:rgba(255,255,255,.7)}.rule-text a{color:#66c0f4;text-decoration:none;border-bottom:1px dotted rgba(102,192,244,.5);transition:border-color .2s}.rule-text a:hover{border-color:#66c0f4}.rule-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.rule-meta{font-size:.75rem;color:rgba(255,255,255,.35)}.rule-meta i{margin-right:4px;font-size:.7rem}.rule-history-btn{background:0 0;border:none;color:rgba(255,255,255,.3);padding:4px 8px;cursor:pointer;transition:color .2s;font-size:.8rem}.rule-history-btn:hover{color:#ffd100}#ruleHistoryModal .modal-content{border:1px solid rgba(255,255,255,.1)}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:rgba(255,255,255,.03);border-left:3px solid rgba(255,255,255,.2);padding:12px 16px}.history-item.history-created{border-left-color:rgba(74,222,128,.6)}.history-item.history-edited{border-left-color:rgba(251,191,36,.6)}.history-item.history-deleted{border-left-color:rgba(248,113,113,.6)}.history-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.history-badge{font-size:.7rem;padding:2px 8px;text-transform:uppercase;font-weight:600}.history-badge-created{background:rgba(74,222,128,.2);color:#4ade80}.history-badge-edited{background:rgba(251,191,36,.2);color:#fbbf24}.history-badge-deleted{background:rgba(248,113,113,.2);color:#f87171}.history-time{color:rgba(255,255,255,.4);font-size:.8rem}.history-content{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.5}@media (max-width:768px){.rules-page{padding:60px 15px 40px}.rules-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0}.rules-header h1{font-size:1.25rem}.rules-search-wrapper{width:100%}.accordion-button{padding:12px 16px;gap:12px}.category-number{min-width:24px;padding:3px 6px;font-size:.8rem}.category-name{font-size:1rem}.rule-item{padding:12px 16px;gap:12px}.rule-number-badge{padding:3px 8px;font-size:.8rem}.rule-footer{flex-wrap:wrap}.banner-content{flex-wrap:wrap}.banner-meta{width:100%;margin-left:0;margin-top:4px}.banner-header-content{flex-wrap:wrap}.banner-header .banner-meta{width:100%;margin-top:4px}}