.custom-header{position:fixed;top:0;left:0;right:0;height:50px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:1000;overflow:hidden}.header-left{display:flex;align-items:center;gap:16px}.nav-toggle-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-toggle-btn:hover{background:#ffffff1a}.nav-toggle-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.brand-icon{width:20px;height:20px;background:#007acc;border-radius:3px;display:flex;align-items:center;justify-content:center}.brand-icon:before{content:"P";font-weight:700;font-size:14px;color:#000}.product-name{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-acronym{font-size:12px;color:#007acc;font-weight:500;background:#007acc1a;padding:2px 4px;border-radius:3px}.light-theme .custom-header{background:linear-gradient(135deg,#fff,#f5f5f5);border-bottom-color:#0000001a;color:#333}.light-theme .nav-toggle-btn{color:#2196f3}.light-theme .product-name{color:#333}.light-theme .product-acronym{color:#2196f3;background:#2196f31a}@media(max-width:768px){.custom-header{height:45px;padding:0 10px}.header-left{gap:10px}.brand{gap:6px}.brand-icon{width:18px;height:18px}.brand-icon:before{font-size:12px}.nav-toggle-btn{min-width:44px;min-height:44px;padding:8px}.nav-toggle-icon{width:18px;height:18px}}@media(max-width:480px){.custom-header{height:40px;padding:0 6px}.brand{gap:4px}.product-name{font-size:11px}.nav-toggle-btn{min-width:40px;min-height:40px;padding:6px}.nav-toggle-icon{width:16px;height:16px}.header-left{gap:6px}}@media(max-width:768px)and (orientation:landscape){.custom-header{height:35px}.nav-toggle-btn{min-height:35px;min-width:35px;padding:4px}}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;animation:fadeIn .3s ease forwards}@media(min-width:1024px){.sidebar-backdrop{display:none}}@keyframes fadeIn{to{opacity:1}}.custom-sidebar{position:fixed;top:50px;left:0;width:200px;height:calc(100vh - 50px);background:#1a1a1a;border-right:1px solid #333;transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto;overflow-x:hidden}.custom-sidebar.open{transform:translate(0)}.sidebar-content{padding:20px 0;height:100%}.sidebar-nav{height:100%}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav-item{margin:0;padding:0 16px}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 15px;text-decoration:none;color:#ccc;transition:all .2s ease;font-size:13px;border-left:3px solid transparent;position:relative;cursor:pointer}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(0,234,255,.1));opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.nav-link:hover{background:#333;color:#fff}.nav-link:hover:before{opacity:1}.nav-link.active{background:#333;color:#fff;border-left:3px solid #007acc}.nav-link.active:before{opacity:1}.nav-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section{margin-top:8px}.nav-section-toggle{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:none;border:none;color:#e1e7ef;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative;overflow:hidden}.nav-section-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05));opacity:0;transition:opacity .3s ease}.nav-section-toggle:hover{background:#ffffff14;color:#00eaff}.nav-section-toggle:hover:before{opacity:1}.expand-arrow{margin-left:auto;font-size:12px;transition:transform .3s ease;color:#00eaff}.nav-section-toggle.expanded .expand-arrow{transform:rotate(90deg);color:#4caf50}.nav-subsection{list-style:none;padding:0 0 0 36px;border-left:2px solid rgba(255,255,255,.1);margin:8px 0 0 16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.nav-subitem{margin:4px 0}.nav-sublink{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:none;border:none;color:#b1bac4;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;font-size:13px;position:relative;overflow:hidden}.nav-sublink:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05));opacity:0;transition:opacity .3s ease}.nav-sublink:hover{background:#ffffff0d;color:#e1e7ef;transform:translate(2px)}.nav-sublink:hover:before{opacity:1}.nav-sublabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-sidebar::-webkit-scrollbar{width:6px}.custom-sidebar::-webkit-scrollbar-track{background:#ffffff1a}.custom-sidebar::-webkit-scrollbar-thumb{background:#00eaff4d;border-radius:3px}.custom-sidebar::-webkit-scrollbar-thumb:hover{background:#00eaff80}@media(max-width:768px){.custom-sidebar{width:100vw;max-width:300px;top:45px;height:calc(100vh - 45px)}.nav-item{padding:0 12px}.nav-link{padding:12px 15px;font-size:14px;min-height:48px}.nav-section-toggle{padding:12px 16px;min-height:48px;font-size:14px}.nav-sublink{padding:10px 12px;font-size:13px;min-height:44px}.nav-icon{width:28px;height:28px;font-size:20px}.nav-label{font-size:15px}}@media(max-width:480px){.custom-sidebar{width:100vw;max-width:280px;top:40px;height:calc(100vh - 40px)}.nav-item{padding:0 10px}.nav-link{padding:10px 12px;font-size:13px;min-height:44px}.nav-section-toggle{padding:10px 12px;min-height:44px;font-size:13px}.nav-sublink{padding:8px 10px;font-size:12px;min-height:40px}.nav-icon{width:24px;height:24px;font-size:18px}.nav-label{font-size:14px}.nav-subsection{padding-left:28px;margin-left:12px}}@media(max-width:768px)and (orientation:landscape){.custom-sidebar{top:35px;height:calc(100vh - 35px)}.nav-link,.nav-section-toggle{padding:8px 12px;min-height:40px}.nav-sublink{padding:6px 10px;min-height:36px}}.light-theme .custom-sidebar{background:linear-gradient(180deg,#fff,#f8f9fa);border-right-color:#0000001a}.light-theme .nav-link{color:#495057}.light-theme .nav-link:hover{background:#0000000d;color:#2196f3}.light-theme .nav-link.active{background:linear-gradient(45deg,#2196f31a,#4caf500d);color:#2196f3;border-left-color:#2196f3}.light-theme .nav-section-toggle{color:#495057}.light-theme .nav-section-toggle:hover{background:#0000000d;color:#2196f3}.light-theme .nav-sublink{color:#6c757d}.light-theme .nav-sublink:hover{background:#00000008;color:#495057}.light-theme .expand-arrow{color:#2196f3}.light-theme .nav-section-toggle.expanded .expand-arrow{color:#4caf50}.custom-layout{min-height:100vh;background:linear-gradient(135deg,#0d1117,#1a1a1a);color:#e1e7ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden;width:100%}.main-content{margin-top:50px;min-height:calc(100vh - 50px);transition:margin-left .3s ease;position:relative}@media(min-width:1024px){.main-content{margin-left:0}.main-content.sidebar-open{margin-left:200px}}.content-wrapper{padding:20px;max-width:100%;margin:0 auto;box-sizing:border-box}.settings-panel{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.settings-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .3s ease}.settings-content{position:relative;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 40px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#00eaff0d}.settings-header h3{margin:0;color:#00eaff;font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#e1e7ef;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1}.close-btn:hover{background:#ffffff1a;color:#f44;transform:scale(1.1)}.settings-body{padding:20px;display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-item label{font-size:14px;font-weight:500;color:#e1e7ef}.setting-item select,.setting-item input[type=checkbox]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e1e7ef;padding:6px 12px;font-size:14px;transition:all .2s ease}.setting-item select:focus{outline:none;border-color:#00eaff;box-shadow:0 0 0 2px #00eaff33}.setting-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00eaff}@media(min-width:1024px){.main-content.sidebar-open{margin-left:0}}@media(max-width:768px){.content-wrapper{padding:12px}.settings-content{margin:16px;width:calc(100% - 32px);max-height:85vh}.main-content{margin-top:45px;min-height:calc(100vh - 45px)}.slot-admin-content{width:95%;max-width:none;margin:10px;max-height:85vh}.settings-panel{padding:10px}.settings-content{width:95%;max-width:none}}@media(max-width:480px){.content-wrapper{padding:8px}.settings-content{margin:8px;width:calc(100% - 16px);max-height:90vh}.main-content{margin-top:40px;min-height:calc(100vh - 40px)}.slot-admin-content{width:98%;margin:5px;max-height:90vh}.settings-panel{padding:5px}.settings-content{width:98%;margin:5px}.settings-body,.settings-header{padding:15px}}@media(max-width:768px)and (orientation:landscape){.main-content{margin-top:35px;min-height:calc(100vh - 35px)}.slot-admin-content,.settings-content{max-height:80vh}}.light-theme{background:linear-gradient(135deg,#fff,#f8f9fa);color:#495057}.light-theme .settings-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-color:#0000001a}.light-theme .settings-header{border-bottom-color:#0000001a;background:#2196f30d}.light-theme .settings-header h3{color:#2196f3}.light-theme .close-btn{color:#495057}.light-theme .close-btn:hover{background:#0000001a;color:#dc3545}.light-theme .setting-item{border-bottom-color:#0000000d}.light-theme .setting-item label{color:#495057}.light-theme .setting-item select,.light-theme .setting-item input[type=checkbox]{background:#0000000d;border-color:#0003;color:#495057}.light-theme .setting-item select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.light-theme .setting-item input[type=checkbox]{accent-color:#2196f3}.maintenance-toggle{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0}.maintenance-toggle label{display:flex;flex-direction:column;gap:4px;cursor:pointer;width:100%}.setting-label{font-size:14px;font-weight:600;color:#e1e7ef}.setting-description{font-size:12px;color:#aaa;opacity:.8}.toggle-container{display:flex;align-items:center;margin-top:8px}.toggle-input{display:none}.toggle-label{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.toggle-slider{position:absolute;inset:0;background:#fff3;border-radius:24px;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:#e1e7ef;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-label .toggle-slider{background:linear-gradient(45deg,#00eaff,#4caf50);border-color:#00eaff}.toggle-input:checked+.toggle-label .toggle-slider:before{transform:translate(26px);background:#fff;box-shadow:0 2px 8px #00eaff4d}.toggle-input:focus+.toggle-label .toggle-slider{box-shadow:0 0 0 2px #00eaff4d}.light-theme .setting-label{color:#495057}.light-theme .setting-description{color:#6c757d}.light-theme .toggle-slider{background:#0000001a;border-color:#0003}.light-theme .toggle-slider:before{background:#495057}.light-theme .toggle-input:checked+.toggle-label .toggle-slider{background:linear-gradient(45deg,#2196f3,#4caf50);border-color:#2196f3}.light-theme .toggle-input:checked+.toggle-label .toggle-slider:before{background:#fff;box-shadow:0 2px 8px #2196f34d}.light-theme .toggle-input:focus+.toggle-label .toggle-slider{box-shadow:0 0 0 2px #2196f34d}*{box-sizing:border-box}body.custom-nav-active{margin:0;padding:0;overflow-x:hidden}.custom-layout,.custom-layout *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.custom-layout button:focus,.custom-layout select:focus,.custom-layout input:focus,.custom-layout a:focus{outline:2px solid #00eaff;outline-offset:2px}.light-theme button:focus,.light-theme select:focus,.light-theme input:focus,.light-theme a:focus{outline-color:#2196f3}