:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#eef2f7;scrollbar-color:#c3ccda transparent;scrollbar-width:thin}*{scrollbar-color:#c3ccda transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#c3ccda;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#95a3b8;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(360px,1.08fr) minmax(360px,.92fr);background:linear-gradient(90deg,#f8fbff,#eef5ff 49%,#fff 49%,#fff)}.login-showcase{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px clamp(28px,6vw,76px);color:#fff;background:linear-gradient(150deg,rgba(255,255,255,.24) 0 14%,transparent 14% 100%),linear-gradient(24deg,rgba(20,216,199,.72) 0 18%,transparent 18% 100%),linear-gradient(135deg,#ff7a30,#ff3ea5 34%,#6a39ff 66%,#14d6c6)}.login-showcase:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(115deg,rgba(255,255,255,.24) 0 10%,transparent 10% 100%),linear-gradient(180deg,transparent 0%,rgba(8,17,36,.15) 100%);pointer-events:none}.showcase-brand,.showcase-copy,.app-icon{position:relative;z-index:1}.showcase-brand,.mini-logo,.brand-icon,.ghost-icon,.primary-button,.secondary-button,.user-box,.module-meta,.login-badge,.password-field button{display:inline-flex;align-items:center}.showcase-brand{gap:12px;font-weight:900}.mini-logo,.login-badge{justify-content:center;border-radius:8px}.mini-logo{width:38px;height:38px;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff3d}.app-icon{align-self:center;width:min(340px,70vw);aspect-ratio:1;border-radius:28%;background:radial-gradient(circle at 82% 84%,#27ead0 0 11%,transparent 12%),radial-gradient(circle at 26% 16%,#ff9d46 0 20%,transparent 21%),linear-gradient(135deg,#ff7b2f,#ff4fae 34%,#6946ff,#14d9c7);box-shadow:0 30px 70px #1c276257}.app-icon:before{position:absolute;top:10%;right:10%;bottom:10%;left:10%;content:"";border-radius:50%;background:radial-gradient(circle at 68% 42%,transparent 0 24%,#ffffff 25% 43%,transparent 44%),radial-gradient(circle at 69% 55%,#ffffff 0 29%,transparent 30%);clip-path:polygon(56% 10%,78% 18%,88% 40%,82% 62%,66% 78%,76% 90%,52% 84%,38% 62%,39% 32%)}.hair{position:absolute;left:14%;border-radius:999px;background:#fff;transform-origin:right center}.hair-one{top:28%;width:58%;height:8%;transform:rotate(-24deg)}.hair-two{top:42%;width:67%;height:7%;transform:rotate(-27deg)}.hair-three{top:56%;width:56%;height:8%;transform:rotate(-35deg)}.profile-cutout{position:absolute;right:17%;top:23%;width:30%;height:56%;border-radius:50% 45% 45% 50%;background:#fff;clip-path:polygon(22% 2%,66% 8%,88% 30%,80% 51%,99% 63%,78% 68%,65% 92%,31% 86%,12% 62%,13% 24%)}.spark{position:absolute;width:12%;aspect-ratio:1;background:#fff;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}.spark-one{left:14%;top:17%}.spark-two{left:10%;top:38%;width:7%}.spark-three{right:12%;bottom:24%;width:7%}.showcase-copy{max-width:520px}.showcase-copy h1{margin:10px 0 12px;font-size:clamp(38px,5.2vw,64px);line-height:1.05}.showcase-copy p{width:min(440px,100%);margin:0;color:#ffffffdb;font-size:17px;line-height:1.8}.login-panel{display:grid;align-content:center;width:min(460px,calc(100% - 44px));min-height:100vh;justify-self:center;padding:36px 0}.login-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.login-panel h2{margin:6px 0 0;color:#111827;font-size:34px;line-height:1.15}.login-badge{width:44px;height:44px;background:#eef6ff;color:#5b4bff}.eyebrow{display:block;margin-bottom:4px;color:#5b4bff;font-size:12px;font-weight:900}.eyebrow.light{color:#ffffffd1}.login-form{display:grid;gap:18px;padding:26px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 24px 60px #0f172a1a}label{display:grid;gap:8px}label span{color:#475569;font-size:14px;font-weight:800}input,select,textarea{width:100%;border:1px solid #d5dde8;border-radius:8px;color:#101827;background:#fff;outline:none}input,select{min-height:46px;padding:0 13px}textarea{min-height:120px;padding:12px 13px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#64748b 50%) calc(100% - 18px) 19px / 6px 6px no-repeat,linear-gradient(135deg,#64748b 50%,transparent 50%) calc(100% - 13px) 19px / 6px 6px no-repeat,#fff;padding-right:34px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;top:5px;right:6px;width:36px;height:36px;justify-content:center;border-radius:8px;background:transparent;color:#64748b}input:focus,select:focus,textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed24}.primary-button,.secondary-button{min-height:44px;justify-content:center;gap:8px;border-radius:10px;font-weight:700;transition:all .2s ease}.primary-button{width:100%;margin-top:2px;color:#fff;background:linear-gradient(135deg,#5b4bff,#7c6fff);box-shadow:0 4px 14px #5b4bff59}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #5b4bff73}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{opacity:.6}.secondary-button{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.secondary-button:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#d1d5db}.message{min-height:22px;margin:16px 0 0;color:#dc2626;font-size:14px}.admin-shell{display:grid;min-height:100vh;grid-template-columns:220px minmax(0,1fr);background:#eef2f7;transition:grid-template-columns .2s ease}.admin-shell.collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:none;background:#5b4bff;color:#f8fafc}.sidebar-head{display:flex;align-items:center;gap:12px;min-height:76px;padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:38px;height:38px;justify-content:center;border-radius:8px;background:#5b4bff;color:#fff}.sidebar-head strong{display:block;line-height:1.2}.sidebar-head span{display:block;margin-top:4px;color:#ffffffb3;font-size:12px}.nav-list{display:grid;align-content:start;gap:6px;padding:14px;flex:1;overflow-y:auto}.nav-list a{display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:10px;min-height:46px;border-radius:8px;padding:0 12px;color:#ffffffdb;background:transparent;text-decoration:none;text-align:left}.collapsed .nav-list a{display:flex;justify-content:center;padding:0;width:44px;height:44px;margin:0 auto}.nav-list a.active,.nav-list a:hover{color:#fff;background:#ffffff26}.workspace{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:14px 28px;border-bottom:1px solid #dbe3ee;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1,.overview-band h2,.section-title h3{margin:0;color:#101827}.topbar h1{font-size:23px;line-height:1.2}.user-section{margin-top:auto;padding:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.user-info{flex:1;overflow:hidden}.user-info strong{display:block;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#f8fafc}.user-info span{display:block;font-size:12px;color:#ffffffb3}.user-section .logout-btn{color:#ffffffdb;background:transparent}.user-section .logout-btn:hover{color:#fff;background:#ffffff1a}.collapsed .user-section{flex-direction:column;padding:16px 0;gap:16px}.ghost-icon{width:36px;height:36px;justify-content:center;border-radius:8px;background:#eef2f7;color:#334155}.content{display:grid;gap:18px;padding:24px 28px 32px}.overview-band,.table-section{border:1px solid #dbe3ee;border-radius:8px;background:#fff}.overview-band{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px}.overview-band h2{font-size:26px}.overview-band p,.section-title p,.empty-table span{margin:8px 0 0;color:#64748b;line-height:1.6}.module-meta{gap:8px;min-height:36px;border-radius:8px;padding:0 12px;background:#eef6ff;color:#5b4bff;font-size:13px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-grid article{min-height:118px;padding:18px;border:1px solid #dbe3ee;border-radius:8px;background:#fff}.stat-grid span,.stat-grid em{display:block;color:#64748b;font-size:13px;font-style:normal}.stat-grid strong{display:block;margin:12px 0 8px;color:#101827;font-size:28px;line-height:1.1}.stat-grid em{color:#0f766e;font-weight:800}.table-section{padding:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.section-title h3{font-size:20px}.secondary-button{padding:0 14px;color:#5b4bff;background:#eef6ff}a.secondary-button{text-decoration:none}.standalone-link{margin-top:10px}.primary-button.compact,.secondary-button.compact{width:auto;min-height:38px;margin:0;padding:0 18px;box-shadow:none;font-size:13px}.member-section{overflow:hidden}.member-section .section-title{gap:12px;padding-bottom:10px}.member-section .section-title h3{font-size:18px;line-height:1.25}.member-section .section-title p{margin-top:4px;line-height:1.45}.member-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,.8fr)) auto;gap:12px;align-items:end;padding:12px 0}.order-filters{grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) repeat(3,minmax(130px,.8fr)) auto}.generation-filters{grid-template-columns:minmax(220px,1.4fr) minmax(110px,.65fr) repeat(3,minmax(130px,.8fr)) auto}.share-filters{grid-template-columns:minmax(220px,1.3fr) minmax(100px,.6fr) minmax(120px,.7fr) repeat(3,minmax(120px,.7fr)) auto}.comment-filters{grid-template-columns:minmax(220px,1.4fr) minmax(100px,.7fr) minmax(100px,.7fr) repeat(2,minmax(120px,.7fr)) auto}.point-filters{grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) repeat(2,minmax(130px,.8fr)) minmax(140px,.8fr) auto}.package-filters{grid-template-columns:minmax(160px,220px) auto}.search-field{position:relative}.search-field svg{position:absolute;left:13px;top:50%;color:#64748b;transform:translateY(-50%)}.search-field input{padding-left:40px}.filter-actions{display:inline-flex;gap:8px}.inline-error{margin:0 0 14px;color:#dc2626;font-size:14px;font-weight:800}.member-table-wrap{position:relative;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.member-table{width:100%;min-width:980px;border-collapse:collapse;background:#fff}.order-table{min-width:1120px}.generation-table{min-width:1320px}.share-table,.comment-table{min-width:1240px}.point-table{min-width:1080px}.point-plus{color:#047857!important}.point-minus{color:#dc2626!important}.generation-images{display:flex;gap:8px}.generation-thumb{position:relative;display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;background:#f8fafc;text-decoration:none}.generation-thumb img{width:100%;height:100%;object-fit:cover}.generation-thumb span{position:absolute;right:2px;bottom:2px;margin:0;border-radius:5px;padding:1px 4px;color:#fff;background:#0f172aad;font-size:10px;line-height:1.4}.segmented-tabs{display:inline-flex;gap:4px;min-height:38px;padding:4px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.segmented-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:104px;min-height:30px;border-radius:6px;color:#64748b;background:transparent;font-size:13px;font-weight:800}.segmented-tabs button.active{color:#5b4bff;background:#fff;box-shadow:0 1px 4px #0f172a14}.share-user-cell{display:flex;align-items:center;gap:10px}.share-user-cell img,.share-user-cell>span{width:36px;height:36px;flex:0 0 36px;border-radius:8px}.share-user-cell img{object-fit:cover}.share-user-cell>span{display:grid;place-items:center;margin:0;color:#fff;background:#5b4bff;font-size:15px;font-weight:900}.share-user-cell>div{min-width:0}.member-table th,.member-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}.member-table th{color:#475569;background:#f8fafc;font-size:13px;font-weight:900}.member-table td{color:#334155;font-size:14px}.member-table td strong,.member-table td span{display:block}.member-table td strong{color:#101827}.member-table td span{margin-top:4px;color:#64748b;font-size:12px}.member-table tbody tr:hover{background:#f8fbff}.member-cell{display:flex;align-items:center;gap:10px}.avatar-chip{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:8px;color:#fff;background:#5b4bff;font-size:15px;font-weight:900}.status-badge{display:inline-flex;align-items:center;min-height:26px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.3px}.status-badge.ok{color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.status-badge.warn{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a)}.status-badge.muted{color:#64748b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.compact-empty{min-height:220px;border-top:1px solid #e2e8f0}.table-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:#5b4bff;background:#ffffffb8;font-weight:900}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;color:#64748b;font-size:14px}.pagination-bar div{display:inline-flex;gap:8px}.package-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-top:16px}.package-card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:236px;padding:18px;border:1px solid rgba(226,232,240,.8);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.package-card:hover{transform:translateY(-3px);border-color:#5b4bff4d;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a}.package-card-head,.modal-title,.modal-actions{display:flex;align-items:center}.package-card-head{justify-content:space-between;gap:8px}.package-card-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}.package-card h3,.package-card p,.modal-title h3{margin:0}.package-card .eyebrow{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;background:linear-gradient(135deg,#5b4bff,#7c6fff);color:#fff;width:fit-content}.package-card .eyebrow:empty{display:none}.package-card h3{color:#101827;overflow:hidden;font-size:18px;font-weight:700;letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap}.package-card>strong{display:flex;align-items:baseline;gap:2px;color:#5b4bff;font-size:28px;font-weight:800;letter-spacing:-1px}.package-card>strong:before{content:"¥";font-size:16px;font-weight:600;opacity:.8}.package-card p{color:#475569;line-height:1.65}.package-card .package-benefits{flex:1;color:#64748b;font-size:12px;line-height:1.6;overflow:hidden}.package-card .package-benefits ul,.package-card .package-benefits ol{margin:6px 0;padding-left:18px}.package-card .package-benefits li{margin-bottom:4px}.package-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed #e2e8f0;color:#64748b;font-size:12px;font-weight:500}.package-meta>span:first-child{display:flex;align-items:center;gap:4px}.package-meta>span:first-child:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.package-card .ghost-icon{padding:7px;border-radius:10px;color:#94a3b8;background:transparent;transition:all .2s ease}.package-card .ghost-icon:hover{color:#5b4bff;background:#5b4bff14}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.package-form-modal{display:grid;gap:20px;width:min(760px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:20px;padding:28px;background:#fff;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.modal-title h3{color:#101827;font-size:22px;font-weight:700}.modal-title .ghost-icon{padding:8px;border-radius:10px;color:#94a3b8;transition:all .2s ease}.modal-title .ghost-icon:hover{color:#475569;background:#f1f5f9}.package-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.package-form-grid label{display:flex;flex-direction:column;gap:8px}.package-form-grid label>span:first-child{font-size:13px;font-weight:600;color:#374151}.package-form-grid input,.package-form-grid select{height:44px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fafafa;transition:all .2s ease}.package-form-grid input:hover,.package-form-grid select:hover{border-color:#d1d5db;background:#fff}.package-form-grid input:focus,.package-form-grid select:focus{outline:none;border-color:#5b4bff;background:#fff;box-shadow:0 0 0 3px #5b4bff1a}.full-field{grid-column:1 / -1}.package-form-grid .checkbox-field{display:inline-flex;align-items:center;align-self:end;flex-direction:row;gap:10px;min-height:46px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;transition:all .2s ease}.package-form-grid .checkbox-field:hover{border-color:#d1d5db;background:#fff}.package-form-grid .checkbox-field input{width:18px;height:18px;min-height:0;flex-shrink:0;padding:0;border-radius:4px;accent-color:#5b4bff}.package-form-grid .checkbox-field span{color:#374151;font-weight:500}.modal-actions{justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid #f1f5f9}.modal-actions button{height:42px;padding:0 24px;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease}.empty-table{display:grid;min-height:260px;place-items:center;align-content:center;gap:8px;color:#94a3b8;text-align:center}.empty-table svg{color:#94a3b8}.empty-table strong{color:#64748b;font-size:18px}.mobile-only{display:none}.desktop-only{display:inline-flex}.rich-text-field{display:flex;flex-direction:column;gap:8px}.rich-text-field>span{font-size:13px;font-weight:600;color:#374151}.rich-text-toolbar{display:flex;gap:4px;padding:8px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px 10px 0 0}.rich-text-toolbar .ghost-icon{padding:8px;border-radius:8px;color:#64748b;transition:all .2s ease}.rich-text-toolbar .ghost-icon:hover{background:#e2e7eb;color:#5b4bff}.rich-text-editor{min-height:160px;padding:14px 16px;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;font-size:14px;line-height:1.7;color:#1f2937;background:#fafafa;overflow-y:auto;transition:all .2s ease}.rich-text-editor:focus{outline:none;border-color:#5b4bff;background:#fff;box-shadow:0 0 0 3px #5b4bff1a}.rich-text-editor ul,.rich-text-editor ol{margin:8px 0;padding-left:24px}.admin-loading{display:grid;min-height:100vh;place-items:center;align-content:center;gap:12px;color:#5b4bff;background:#f8fbff;font-weight:900}@media (max-width: 1440px){.package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1180px){.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 980px){.login-shell{grid-template-columns:1fr;min-height:100vh;padding:22px;background:#f8fbff}.login-showcase{min-height:auto;border-radius:8px;padding:26px}.app-icon{width:min(220px,58vw);margin:28px 0}.showcase-copy h1{font-size:34px}.login-panel{width:100%;min-height:auto;padding:22px 0 0}}@media (max-width: 960px){.admin-shell,.admin-shell.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(280px,86vw);transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.mobile-only{display:inline-flex}.desktop-only{display:none!important}.stat-grid,.member-filters,.order-filters,.generation-filters,.share-filters,.comment-filters,.point-filters,.package-filters,.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-form-grid{grid-template-columns:1fr}.filter-actions{grid-column:1 / -1}}@media (max-width: 680px){.login-shell{padding:14px}.login-showcase,.login-form{padding:20px}.login-panel h2{font-size:28px}.topbar,.overview-band,.section-title{align-items:stretch;flex-direction:column}.topbar{padding:14px 16px}.content{padding:16px}.stat-grid,.member-filters,.order-filters,.generation-filters,.share-filters,.comment-filters,.point-filters,.package-filters,.package-grid{grid-template-columns:1fr}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}.filter-actions,.pagination-bar{align-items:stretch;flex-direction:column}.filter-actions .primary-button,.filter-actions .secondary-button{width:100%}}.category-section{height:100%}.tree-table-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;height:calc(100vh - 180px);min-height:500px}.hairstyle-section .tree-table-layout{grid-template-columns:260px 1fr}.tree-panel{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.tree-header{padding:14px 16px;border-bottom:1px solid #f1f5f9;background:#fafafa}.tree-header span{font-size:14px;font-weight:600;color:#374151}.tree-body{flex:1;overflow-y:auto;padding:8px}.tree-root{list-style:none;margin:0;padding:0}.tree-node{display:flex;align-items:center;gap:5px;min-height:32px;padding:6px 8px;cursor:pointer;border-radius:6px;transition:all .15s ease}.tree-node:hover{background:#f5f5f5}.tree-node.selected{background:#5b4bff14;color:#5b4bff}.tree-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:#94a3b8;cursor:pointer}.tree-toggle:hover{color:#5b4bff}.tree-icon{display:flex;color:#f59e0b}.tree-label{flex:1;min-width:0;font-size:14px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-status{width:7px;height:7px;border-radius:999px;flex:0 0 7px}.tree-status.ok{background:#10b981;box-shadow:0 0 0 3px #10b9811f}.tree-status.muted{background:#94a3b8;box-shadow:0 0 0 3px #94a3b824}.tree-actions{display:flex;gap:1px;opacity:0;transition:opacity .15s ease}.tree-node:hover .tree-actions,.tree-actions.always-visible{opacity:1}.tree-actions .ghost-icon.small{width:22px;height:22px;min-width:22px;padding:0;border-radius:5px}.tree-actions .ghost-icon.danger:hover{color:#dc2626;background:#fef2f2}.tree-children{list-style:none;margin:0;padding:0}.empty-tree{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:200px;color:#94a3b8}.detail-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.hairstyle-list-panel{overflow-y:auto;padding:0 20px 20px}.category-detail{padding:24px}.category-detail h4{margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #f1f5f9;font-size:16px;font-weight:600;color:#101827}.detail-list{display:grid;grid-template-columns:100px 1fr;gap:12px 16px;margin:0 0 24px}.detail-list dt{font-size:13px;font-weight:500;color:#64748b}.detail-list dd{margin:0;font-size:14px;color:#1f2937}.detail-actions{display:flex;gap:10px}.empty-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:300px;color:#94a3b8}.category-form-modal{display:grid;gap:20px;width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:20px;padding:28px;background:#fff;box-shadow:0 25px 50px -12px #00000040}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label>span:first-child{font-size:13px;font-weight:600;color:#374151}.form-grid input,.form-grid select{height:44px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fafafa;transition:all .2s ease}.form-grid input:hover,.form-grid select:hover{border-color:#d1d5db;background:#fff}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:#5b4bff;background:#fff;box-shadow:0 0 0 3px #5b4bff1a}.hairstyle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:20px 0}.hairstyle-title-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hairstyle-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 14px;border-bottom:1px solid #e5e7eb}.hairstyle-library-title{display:flex;align-items:baseline;gap:8px}.hairstyle-library-title strong{font-size:16px;color:#101827}.hairstyle-library-title span{font-size:12px;color:#94a3b8}.hairstyle-active-filter{padding:4px 8px;border-radius:999px;background:#5b4bff14;color:#5b4bff;font-size:12px;font-weight:700}.hairstyle-keyword-search{position:relative;display:flex;align-items:center;width:min(320px,34vw);min-width:220px;height:38px;padding:0 36px 0 12px;border:1px solid #e5e7eb;border-radius:8px;color:#94a3b8;background:#fff;transition:all .2s ease}.hairstyle-keyword-search:focus-within{border-color:#5b4bff;box-shadow:0 0 0 3px #5b4bff1a}.hairstyle-keyword-search input{width:100%;min-width:0;height:100%;padding:0 0 0 8px;border:0;outline:none;font-size:13px;color:#1f2937;background:transparent}.hairstyle-keyword-search input:focus{border:0;box-shadow:none}.hairstyle-keyword-search button{position:absolute;right:8px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:999px;color:#94a3b8;background:transparent}.hairstyle-keyword-search button:hover{color:#475569;background:#f1f5f9}.hairstyle-scroll-status{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px 4px;font-size:13px;color:#64748b}.hairstyle-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .25s ease}.hairstyle-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #0000001f;border-color:#5b4bff33}.hairstyle-card-image{position:relative;aspect-ratio:4 / 3;background:#f8fafc;overflow:hidden}.hairstyle-card-image img{width:100%;height:100%;object-fit:cover}.hairstyle-card-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px}.hairstyle-card-body{padding:16px}.hairstyle-card-body h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#101827}.hairstyle-card-desc{display:-webkit-box;min-height:39px;margin:0 0 12px;overflow:hidden;font-size:13px;color:#64748b;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hairstyle-card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px dashed #e5e7eb;font-size:12px;color:#94a3b8}.hairstyle-card-actions{display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.hairstyle-card:hover .hairstyle-card-actions{opacity:1}.hairstyle-section .section-title{display:flex;align-items:center;justify-content:space-between}.hairstyle-section .section-title>div:first-child{display:flex;flex-direction:column;gap:4px}.hairstyle-section .section-title span{font-size:13px;color:#64748b;font-weight:400}.hairstyle-filters{display:flex;align-items:flex-end;gap:12px;padding:16px 0}.hairstyle-filters label{display:flex;flex-direction:column;gap:6px}.hairstyle-filters label>span{font-size:12px;font-weight:500;color:#64748b}.hairstyle-filters select,.hairstyle-filters input{height:38px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fff}.hairstyle-form-modal{display:grid;gap:20px;width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:20px;padding:28px;background:#fff;box-shadow:0 25px 50px -12px #00000040}.hairstyle-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hairstyle-form-grid label{display:flex;flex-direction:column;gap:8px}.hairstyle-form-grid label>span:first-child{font-size:13px;font-weight:600;color:#374151}.hairstyle-form-grid input,.hairstyle-form-grid select,.hairstyle-form-grid textarea{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fafafa;transition:all .2s ease}.hairstyle-form-grid textarea{min-height:100px;resize:vertical;font-family:inherit}.hairstyle-form-grid input:hover,.hairstyle-form-grid select:hover,.hairstyle-form-grid textarea:hover{border-color:#d1d5db;background:#fff}.hairstyle-form-grid input:focus,.hairstyle-form-grid select:focus,.hairstyle-form-grid textarea:focus{outline:none;border-color:#5b4bff;background:#fff;box-shadow:0 0 0 3px #5b4bff1a}.hairstyle-form-grid .full-field{grid-column:1 / -1}.image-upload-field{display:flex;flex-direction:column;gap:8px}.image-upload-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.image-upload-heading span{font-size:13px;font-weight:600;color:#374151}.image-upload-heading strong,.image-upload-heading em{font-size:12px;font-style:normal;font-weight:700}.image-upload-heading strong{color:#5b4bff}.image-upload-heading em{color:#94a3b8}.image-upload-box{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.image-upload-field .ant-upload-wrapper,.image-upload-field .ant-upload-list,.image-upload-field .ant-upload-list-item-container,.image-upload-field .ant-upload.ant-upload-select{width:120px!important;height:120px!important}.image-upload-field .ant-upload-list{margin:0}.image-upload-field .ant-upload-list-item{border-radius:8px!important}.image-upload-field .ant-upload.ant-upload-select{margin:0!important;border-color:#cbd5e1!important;background:#fff!important}.image-upload-field .ant-upload.ant-upload-select:hover{border-color:#5b4bff!important}.image-upload-card-button{display:grid;justify-items:center;gap:8px;width:100%;height:100%;color:#64748b;background:transparent}.image-upload-card-button span{font-size:13px;font-weight:700}.image-upload-hint{margin:0;font-size:12px;color:#94a3b8}.hairstyle-form-grid .checkbox-field{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.hairstyle-form-grid .checkbox-field input{width:18px;height:18px;accent-color:#5b4bff}.hairstyle-form-grid .checkbox-field span{font-size:14px;font-weight:500;color:#374151}.category-icon-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.category-icon-picker button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;padding:0;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;background:#fff;cursor:pointer;transition:all .15s ease}.category-icon-picker button:hover{color:#5b4bff;border-color:#5b4bff59;background:#5b4bff0f}.category-icon-picker button.selected{color:#fff;border-color:#5b4bff;background:#5b4bff}.hairstyle-detail-view{display:grid;grid-template-columns:220px 1fr;gap:20px;max-height:68vh;overflow:auto;padding-right:4px}.hairstyle-detail-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f8fafc;border:1px solid #e5e7eb}.hairstyle-detail-image img{display:block;width:100%;height:100%;object-fit:contain;background:#f8fafc}.hairstyle-detail-view .detail-list{min-width:0;margin:0}.hairstyle-detail-view .detail-list dd{word-break:break-word}@media (max-width: 680px){.image-upload-box,.hairstyle-detail-view{grid-template-columns:1fr}}.checkbox-group{display:flex;gap:16px;padding-top:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:500}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#5b4bff}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f1f5f9;color:#94a3b8}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge.hot{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.badge.recommend{background:linear-gradient(135deg,#5b4bff,#7c6fff);color:#fff}.loading-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:#94a3b8;font-size:14px}.filter-value{font-weight:600;color:#5b4bff}.tree-node .tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}