@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap";:root{--ink: #f3f4f6;--paper: #050505;--muted: #9ca3af;--accent: #84cc16;--accent-soft: #1a2b07;--line: #27272a;--panel: #09090b}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,rgba(132,204,22,.16) 0%,transparent 36%),radial-gradient(circle at 80% 100%,rgba(132,204,22,.12) 0%,transparent 35%),var(--paper);min-width:320px}h1,h2,h3{margin:0}input,textarea,select,button{font:inherit}button{cursor:pointer}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 20px 50px #00000014}.login-card h1{font-family:Bebas Neue,sans-serif;font-size:42px;letter-spacing:1px}.login-card p{color:var(--muted)}.stack-12{display:grid;gap:12px}label{display:grid;gap:6px;font-weight:600}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#111214;color:#fff}textarea{resize:vertical}.credentials{margin-top:18px;background:#11170a;border:1px solid #365314;border-radius:12px;padding:12px}.credentials p{margin:6px 0;color:#d9f99d;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:#000;color:#fff;padding:20px;display:flex;flex-direction:column;gap:14px}.sidebar h2{font-family:Bebas Neue,sans-serif;font-size:34px;letter-spacing:.6px}.sidebar p{margin:0;color:#a1a1aa}.sidebar nav{display:grid;gap:8px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-toggle{display:none;border:1px solid var(--line);background:#111214;color:#fff;border-radius:10px;padding:8px 12px}.menu{text-align:left;padding:10px;border-radius:10px;border:1px solid transparent;background:transparent;color:#f4f4f5}.menu.active{background:#151c0f;border-color:#65a30d;color:#d9f99d}.master-group-btn{font-weight:600;letter-spacing:.03em}.master-sub-item{padding-left:24px;font-size:.9em;opacity:.85}.master-sub-item.active{background:#151c0f;border-color:#65a30d;color:#d9f99d;opacity:1}.logout-btn{margin-top:auto;border:1px solid #3f3f46;background:transparent;color:#fff;border-radius:10px;padding:10px}.content{padding:24px;animation:fade-in .3s ease-out;min-width:0}.metrics-grid{margin-top:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.metric-card p{margin:0;color:var(--muted)}.metric-card h3{font-size:34px;color:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.primary-btn,.ghost-btn,.inline-btn{border-radius:10px;padding:8px 12px;border:1px solid transparent}.primary-btn{background:var(--accent);color:#0a0a0a;font-weight:700}.ghost-btn{background:#111214;color:#fff;border-color:var(--line)}.inline-btn{background:#18181b;color:#fff;margin-right:8px;border-color:#27272a}.inline-btn.danger{background:#3f1d1d;color:#fecaca}.editor-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;margin-top:12px}.form-grid>label,.form-grid>.richtext-wrapper{align-self:start}.form-grid>.richtext-wrapper{grid-column:1 / -1}.checkbox-line{display:flex;align-items:center;gap:8px}.checkbox-line input{width:auto}.button-row{margin-top:14px;display:flex;gap:10px}.button-row button,.button-row input{min-height:40px}.table-wrap{overflow:auto;background:#0a0a0a;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:10px;border-bottom:1px solid #1f2937;text-align:left}th{background:#111214;font-size:14px}.action-row{white-space:nowrap}.error{color:#f87171;font-weight:600}.table-toolbar{margin-bottom:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pagination{margin-top:12px;display:flex;align-items:center;gap:12px}.pagination span{color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:100;padding:20px}.modal-card{width:min(420px,100%);background:#0a0a0a;border:1px solid #3f3f46;border-radius:16px;padding:20px}.modal-card p{color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}.permission-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink)}.permission-item input{width:auto}.image-thumb-btn{border:1px solid var(--line);background:#0f1115;border-radius:12px;padding:6px;width:100%;text-align:left}.detail-image-thumb{width:100%;max-height:180px;object-fit:cover;border-radius:8px;display:block}.detail-gallery{margin-top:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.image-thumb-card{display:grid;gap:6px}.image-remove-btn{padding:6px 10px}.stock-select2-wrap{display:grid;gap:6px}.stock-select2{position:relative}.stock-select2-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;border:1px solid var(--line);border-radius:10px;background:#0f1115;max-height:220px;overflow:auto;padding:6px;display:grid;gap:6px}.stock-select2-option{width:100%;text-align:left;border:1px solid var(--line);background:#111214;color:#fff;border-radius:8px;padding:8px 10px}.stock-select2-option:hover{border-color:#65a30d;background:#16210d}.stock-select2-empty{margin:0;color:var(--muted);padding:8px}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.92);display:grid;place-items:center;z-index:200}.image-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400}.checkbox-label input{width:auto}.register-section{margin-bottom:24px}.register-form{margin-top:16px;background:#0a0a0a;border:1px solid var(--line);border-radius:14px;padding:16px}.register-form h3{margin:0 0 16px;font-size:18px}.form-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:12px}.form-row label{display:grid;gap:6px;font-weight:600}.form-row input,.form-row select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#111214;color:#fff}.link-btn{background:transparent;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-weight:600;padding:0}.link-btn:hover{color:#a3e635}.auth-footer{margin-top:16px;text-align:center;color:var(--muted)}.auth-footer p{margin:0}.auth-footer button{display:inline}.image-lightbox-content{max-width:min(1000px,100%);max-height:82vh;border-radius:12px;object-fit:contain;border:1px solid #3f3f46}.image-lightbox-close{position:fixed;top:18px;right:18px;border-radius:10px;border:1px solid #3f3f46;background:#111214;color:#fff;padding:8px 12px}.richtext-wrapper{display:grid;gap:6px;font-weight:600}.richtext-editor{position:relative;border:1px solid var(--line);border-radius:12px;background:#101114;overflow:hidden}.richtext-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-bottom:1px solid var(--line);background:#0d0e11;justify-content:space-between}.richtext-toolbar-group{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.richtext-toolbar select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#111214;color:#fff}.richtext-toolbar .inline-btn{margin-right:0;white-space:nowrap}.richtext-toolbar .inline-btn.active{background:#25350e;border-color:#65a30d;color:#d9f99d}.richtext-content{min-height:210px;padding:12px;outline:none;color:#fff;line-height:1.5}.richtext-content a{color:#a3e635}.richtext-link{color:#a3e635;text-decoration:underline}.richtext-h1{font-size:1.7rem;margin:.5rem 0}.richtext-h2{font-size:1.4rem;margin:.45rem 0}.richtext-h3{font-size:1.2rem;margin:.4rem 0}.richtext-quote{border-left:3px solid #84cc16;margin:.8rem 0;padding:.3rem 0 .3rem .8rem;color:#d4d4d8;font-style:italic}.richtext-ul,.richtext-ol{margin:.5rem 0;padding-left:1.2rem}.richtext-li{margin:.2rem 0}.richtext-li-checked,.richtext-li-unchecked{list-style:none}.richtext-text-bold{font-weight:700}.richtext-text-italic{font-style:italic}.richtext-text-underline{text-decoration:underline}.richtext-content ul,.richtext-content ol{padding-left:18px}.richtext-placeholder{position:absolute;top:56px;left:12px;color:#6b7280;pointer-events:none;font-weight:400}@media (max-width: 1200px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.content{padding:18px}.section-head{flex-wrap:wrap;align-items:flex-start}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 940px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;padding:14px;border-bottom:1px solid var(--line)}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center}.sidebar nav{display:none;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:thin}.sidebar nav.open{display:flex}.menu{text-align:center;font-size:12px;white-space:nowrap;min-width:max-content;padding:8px 10px}.sidebar h2{font-size:26px}.sidebar p{font-size:13px}.logout-btn{margin-top:6px}.content{padding:14px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card h3{font-size:26px}.table-toolbar{max-width:100%;grid-template-columns:1fr}table{min-width:640px}.pagination{flex-wrap:wrap;gap:8px}.modal-card{width:min(460px,100%);padding:16px}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.login-layout{padding:14px}.login-card{padding:18px;border-radius:18px}.login-card h1{font-size:34px}.content{padding:12px}.section-head h1{font-size:22px}.section-head{align-items:stretch}.section-head .primary-btn,.section-head .ghost-btn{width:100%}.button-row{flex-wrap:wrap}.button-row button{width:100%}.editor-card{padding:12px}.form-grid,.metrics-grid,.permission-grid{grid-template-columns:1fr}.form-grid>.richtext-wrapper{grid-column:auto}.richtext-toolbar{justify-content:flex-start;overflow-x:auto;white-space:nowrap}.richtext-toolbar-group{flex-wrap:nowrap}.metrics-grid{grid-template-columns:1fr}.action-row{display:flex;gap:6px}.inline-btn{margin-right:0;width:100%;padding:8px;font-size:12px}table{min-width:560px}th,td{padding:8px;font-size:12px}.pagination{justify-content:space-between}.modal-overlay{padding:12px}.modal-card{padding:14px}.permission-grid{grid-template-columns:1fr}}