@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c12;--bg2: #13131c;--bg3: #1a1a26;--bg4: #20202e;--bg5: #262633;--gold: #c9a96e;--gold2: #a07840;--gold3: rgba(201,169,110,.1);--gold4: rgba(201,169,110,.18);--txt: #edeae2;--txt2: #9b9585;--txt3: #4e4b44;--bdr: rgba(201,169,110,.09);--bdr2: rgba(201,169,110,.24);--sb-w: 224px;--r: 9px;--r2: 13px;--r3: 20px;--c-simple: #1d9e75;--c-simple-bg: rgba(29,158,117,.1);--c-simple-bdr: rgba(29,158,117,.18);--c-standard: #378add;--c-standard-bg: rgba(55,138,221,.1);--c-standard-bdr: rgba(55,138,221,.18);--c-advanced: #ba7517;--c-advanced-bg: rgba(186,117,23,.1);--c-advanced-bdr: rgba(186,117,23,.18);--c-pro: #d4537e;--c-pro-bg: rgba(212,83,126,.1);--c-pro-bdr: rgba(212,83,126,.18)}html,body,#root{height:100%;background:var(--bg);color:var(--txt);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--txt3)}.font-syne{font-family:Syne,system-ui,sans-serif}.app-layout{display:grid;grid-template-columns:var(--sb-w) 1fr;height:100vh;overflow:hidden;min-height:0}.sidebar{background:var(--bg2);border-right:1px solid var(--bdr);display:flex;flex-direction:column;overflow:hidden;height:100vh}.sb-logo{padding:20px 14px 16px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-logo-icon{width:32px;height:32px;border-radius:9px;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-logo-icon svg{width:16px;height:16px;fill:#0c0c12}.sb-logo-name{font-family:Syne,sans-serif;font-size:16px;font-weight:700;color:var(--txt);letter-spacing:.02em}.sb-logo-badge{font-size:9px;font-weight:600;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;opacity:.8}.sb-scroll{flex:1;overflow-y:auto;padding:8px 8px 0}.sb-section{margin-bottom:4px}.sb-section-label{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--txt3);padding:8px 8px 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:12px;color:var(--txt2);transition:all .15s;margin-bottom:1px;border:1px solid transparent;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg3);color:var(--txt);border-color:var(--bdr)}.nav-item.active{background:var(--gold3);color:var(--gold);border-color:#c9a96e26;font-weight:500}.nav-item i{font-size:14px;width:16px;text-align:center;flex-shrink:0}.nav-item-count{margin-left:auto;font-size:10px;background:var(--bg4);color:var(--txt3);padding:1px 5px;border-radius:20px;border:1px solid var(--bdr);flex-shrink:0}.nav-item.active .nav-item-count{background:var(--gold3);color:var(--gold2);border-color:var(--bdr2)}.sb-footer{padding:10px 8px;border-top:1px solid var(--bdr);flex-shrink:0}.user-pill{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:all .15s}.user-pill:hover{background:var(--bg3);border-color:var(--bdr)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:11px;font-weight:700;color:#0c0c12;flex-shrink:0}.user-name{font-size:11px;font-weight:500;color:var(--txt)}.user-plan{font-size:10px;color:var(--gold);font-weight:500}.main-area{display:flex;flex-direction:column;overflow:hidden;height:100vh;min-height:0}.main-area>*:not(.topbar){flex:1;min-height:0}.topbar{padding:13px 20px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:10px;background:var(--bg2);flex-shrink:0;flex-grow:0}.topbar-title{font-family:Syne,sans-serif;font-size:15px;font-weight:600;color:var(--txt);flex:1}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--bdr);border-radius:7px;padding:7px 12px;width:200px;cursor:text;transition:border .15s}.search-bar:focus-within{border-color:var(--bdr2)}.search-bar i{font-size:13px;color:var(--txt3)}.search-bar input{flex:1;background:transparent;border:none;outline:none;font-size:12px;color:var(--txt);font-family:inherit}.search-bar input::placeholder{color:var(--txt3)}.icon-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--bdr);background:var(--bg3);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--txt2);transition:all .15s}.icon-btn:hover{border-color:var(--bdr2);color:var(--txt);background:var(--bg4)}.icon-btn i{font-size:14px}.accent-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--gold);color:#0c0c12;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:Syne,sans-serif;border:none;transition:opacity .15s;letter-spacing:.01em}.accent-btn:hover{opacity:.88}.accent-btn i{font-size:13px}.page-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.tool-engine-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tool-engine-page>.topbar+*{flex:1;min-height:0;overflow:hidden}.breadcrumb{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--txt3);flex:1}.breadcrumb span{cursor:pointer;transition:color .15s}.breadcrumb span:hover{color:var(--txt2)}.breadcrumb .curr{color:var(--txt);font-weight:500}.breadcrumb i{font-size:11px}.stat-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:14px 16px;transition:all .18s;cursor:default}.stat-card:hover{border-color:var(--bdr2);background:var(--bg3)}.stat-label{font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--txt3);margin-bottom:8px}.stat-value{font-family:Syne,sans-serif;font-size:22px;font-weight:700;color:var(--txt);line-height:1;margin-bottom:3px}.stat-value.gold{color:var(--gold)}.stat-sub{font-size:10px;color:var(--txt2)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-family:Syne,sans-serif;font-size:13px;font-weight:600;color:var(--txt);letter-spacing:.02em}.section-link{font-size:11px;color:var(--gold);cursor:pointer;opacity:.8;transition:opacity .15s}.section-link:hover{opacity:1}.badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 7px;border-radius:20px;font-weight:500;white-space:nowrap}.badge-simple{background:var(--c-simple-bg);color:var(--c-simple);border:1px solid var(--c-simple-bdr)}.badge-standard{background:var(--c-standard-bg);color:var(--c-standard);border:1px solid var(--c-standard-bdr)}.badge-advanced{background:var(--c-advanced-bg);color:var(--c-advanced);border:1px solid var(--c-advanced-bdr)}.badge-professional{background:var(--c-pro-bg);color:var(--c-pro);border:1px solid var(--c-pro-bdr)}.badge-mvp{background:var(--gold3);color:var(--gold2);border:1px solid var(--bdr2)}.badge-offline{background:var(--c-simple-bg);color:var(--c-simple);border:1px solid var(--c-simple-bdr)}.badge-type{background:var(--bg4);color:var(--txt2);border:1px solid var(--bdr)}.tool-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r2);padding:13px 14px 12px;cursor:pointer;transition:all .2s;position:relative}.tool-card:hover{border-color:var(--bdr2);background:var(--bg3);transform:translateY(-1px)}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:7px}.tool-card-id{font-size:9px;font-weight:600;color:var(--txt3);letter-spacing:.06em}.tool-card-badges{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.tool-card-name{font-family:Syne,sans-serif;font-size:12px;font-weight:700;color:var(--txt);margin-bottom:2px;line-height:1.3}.tool-card-cat{font-size:10px;color:var(--txt3);margin-bottom:8px}.tool-card-foot{display:flex;align-items:center;justify-content:space-between}.tool-card-pill{font-size:10px;padding:2px 7px;background:var(--bg4);border:1px solid var(--bdr);border-radius:20px;color:var(--txt3)}.tool-card-arrow{width:22px;height:22px;border-radius:6px;border:1px solid var(--bdr);background:var(--bg4);display:flex;align-items:center;justify-content:center;transition:all .15s}.tool-card-arrow i{font-size:11px;color:var(--txt3)}.tool-card:hover .tool-card-arrow{border-color:var(--bdr2);background:var(--gold3)}.tool-card:hover .tool-card-arrow i{color:var(--gold)}.cat-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r2);padding:14px 14px 12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.cat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cat-color, var(--gold));opacity:0;transition:opacity .2s}.cat-card:hover{border-color:var(--bdr2);background:var(--bg3);transform:translateY(-1px)}.cat-card:hover:before{opacity:1}.cat-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:16px}.cat-card-name{font-family:Syne,sans-serif;font-size:12px;font-weight:700;color:var(--txt);margin-bottom:2px}.cat-card-desc{font-size:10px;color:var(--txt2);margin-bottom:8px}.cat-card-footer{display:flex;align-items:center;justify-content:space-between}.cat-card-count{font-size:10px;color:var(--txt2);font-weight:500}.cat-card-arrow{font-size:13px;color:var(--txt3);transition:all .15s}.cat-card:hover .cat-card-arrow{color:var(--gold);transform:translate(2px)}.progress-bar-bg{height:2px;background:var(--bg4);border-radius:2px;overflow:hidden;margin:6px 0}.progress-bar{height:100%;border-radius:2px;transition:width .5s}.panel{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r2);overflow:hidden}.panel-header{padding:12px 16px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:Syne,sans-serif;font-size:12px;font-weight:600;color:var(--txt)}.panel-link{font-size:10px;color:var(--gold);cursor:pointer;opacity:.8}.panel-link:hover{opacity:1}.list-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--bdr);cursor:pointer;transition:background .15s}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg3)}.list-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.list-name{font-size:12px;font-weight:500;color:var(--txt);flex:1}.list-meta{font-size:10px;color:var(--txt3)}.list-arrow{font-size:12px;color:var(--txt3)}.toggle{width:36px;height:20px;border-radius:10px;background:var(--bg4);border:1px solid var(--bdr);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--gold2);border-color:var(--gold2)}.toggle-knob{width:14px;height:14px;border-radius:50%;background:var(--txt3);position:absolute;top:2px;left:2px;transition:all .2s}.toggle.on .toggle-knob{left:19px;background:#0c0c12}.chip{font-size:11px;padding:5px 12px;border-radius:20px;border:1px solid var(--bdr);background:var(--bg2);color:var(--txt2);cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.chip:hover{border-color:var(--bdr2);color:var(--txt)}.chip.active{background:var(--gold3);border-color:var(--bdr2);color:var(--gold);font-weight:500}.tabs-row{display:flex;gap:4px;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:4px}.tab-item{font-size:12px;padding:7px 16px;border-radius:6px;cursor:pointer;color:var(--txt2);transition:all .15s;display:flex;align-items:center;gap:6px;white-space:nowrap}.tab-item:hover{color:var(--txt)}.tab-item.active{background:var(--bg3);color:var(--txt);font-weight:500;border:1px solid var(--bdr)}.tab-item i{font-size:13px}.tab-count{font-size:10px;background:var(--bg4);color:var(--txt3);padding:1px 5px;border-radius:20px;border:1px solid var(--bdr)}.tab-item.active .tab-count{background:var(--gold3);color:var(--gold2);border-color:var(--bdr2)}.form-label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--txt2);margin-bottom:5px;display:block}.form-input{width:100%;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);padding:9px 12px;font-size:13px;color:var(--txt);font-family:inherit;outline:none;transition:border .15s}.form-input:focus{border-color:var(--bdr2)}.form-input::placeholder{color:var(--txt3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.empty-icon{width:56px;height:56px;border-radius:14px;background:var(--bg3);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center}.empty-icon i{font-size:26px;color:var(--txt3)}.empty-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:var(--txt)}.empty-sub{font-size:12px;color:var(--txt2);max-width:260px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .3s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease infinite}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mt-auto{margin-top:auto}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.sidebar{display:flex;position:fixed;top:0;left:0;height:100vh;width:260px;z-index:200;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #0006}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}.hamburger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--bdr);border-radius:8px;background:var(--bg2);cursor:pointer;color:var(--txt2);font-size:18px;flex-shrink:0}}@media (min-width: 769px){.hamburger,.mobile-overlay{display:none}}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.tool-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}