.icon-picker{position:relative}.icon-picker__row{display:flex;align-items:center;gap:8px}.icon-picker__trigger{display:inline-flex;align-items:center;gap:10px;flex:1;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--ink-900);cursor:pointer;text-align:left}.icon-picker__trigger:hover{border-color:var(--primary)}.icon-picker__ph{color:var(--ink-500)}.icon-picker__value{font-size:.9rem;color:var(--ink-500)}.icon-picker__clear{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--danger);cursor:pointer;font-size:1.2rem;line-height:1}.icon-picker__pop{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;min-width:320px;padding:12px;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0f172a29}.icon-picker__search{width:100%;margin-bottom:10px}.icon-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:240px;overflow-y:auto}.icon-picker__item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:var(--surface-50);color:var(--ink-900);cursor:pointer;transition:all .12s ease}.icon-picker__item:hover{border-color:var(--primary);color:var(--primary);background:#fff7ed}.icon-picker__item.is-active{border-color:var(--primary);background:var(--primary);color:var(--white)}.icon-picker__empty{grid-column:1 / -1;padding:20px;text-align:center;color:var(--ink-500)}.icon-picker__hint{margin-top:8px;font-size:.78rem;color:var(--ink-500)}:root{--primary: #f97316;--primary-hover: #ea580c;--ink-900: #0f172a;--ink-500: #64748b;--surface-50: #f8fafc;--dark: #0b1220;--success: #16a34a;--star: #fbbf24;--white: #ffffff;--danger: #dc2626;--border: #e2e8f0;--radius: 10px;--radius-sm: 7px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 6px 20px rgba(15, 23, 42, .1);--shadow-lg: 0 20px 45px rgba(15, 23, 42, .22);--sidebar-w: 244px;--topbar-h: 60px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink-900);background:var(--surface-50);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--ink-900)}input,select,textarea,button{font-family:inherit;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;white-space:nowrap;background:var(--white);color:var(--ink-900);border-color:var(--border)}.btn:hover{background:#f1f5f9}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--white)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--white)}.btn--danger:hover{background:#b91c1c}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:#f1f5f9}.btn--sm{padding:5px 10px;font-size:13px}.btn--block{width:100%}.icon-btn{border:1px solid var(--border);background:var(--white);border-radius:var(--radius-sm);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-500);transition:background .15s,color .15s,border-color .15s}.icon-btn:hover{background:#f1f5f9;color:var(--ink-900)}.icon-btn--danger:hover{color:var(--danger);border-color:var(--danger)}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--dark);color:#cbd5e1;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;transition:transform .2s ease}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:16px 18px;font-weight:800;font-size:17px;color:var(--white);border-bottom:1px solid rgba(255,255,255,.07)}.sidebar__logo{width:30px;height:30px;border-radius:8px;background:var(--primary);display:grid;place-items:center;color:var(--white);font-weight:900}.sidebar__nav{flex:1;overflow-y:auto;padding:10px 8px 20px}.sidebar__group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:14px 12px 6px;font-weight:700}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#cbd5e1;font-weight:500;margin-bottom:2px;cursor:pointer;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0f;color:var(--white)}.nav-item.active{background:var(--primary);color:var(--white);font-weight:600}.nav-item__icon{width:18px;height:18px;display:inline-flex;flex:none}.nav-item__badge{margin-left:auto;background:var(--danger);color:var(--white);border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px}.nav-item.active .nav-item__badge{background:#00000040}.main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:30}.topbar__title{font-size:18px;font-weight:700}.topbar__spacer{flex:1}.topbar__user{display:flex;align-items:center;gap:10px}.topbar__user-meta{text-align:right;line-height:1.25}.topbar__user-name{font-weight:600;font-size:13px}.topbar__user-role{font-size:12px;color:var(--ink-500)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--white);display:grid;place-items:center;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.burger{display:none}.content{padding:22px;flex:1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-head__title{font-size:20px}.page-head__sub{color:var(--ink-500);font-size:13px;margin-top:2px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.card__title{font-size:15px;font-weight:700}.card__body{padding:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px}.stat__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;background:#f973161f;color:var(--primary)}.stat__value{font-size:24px;font-weight:800;line-height:1}.stat__label{color:var(--ink-500);font-size:13px;margin-top:4px}.stat--green .stat__icon{background:#16a34a1f;color:var(--success)}.stat--amber .stat__icon{background:#fbbf242e;color:#b45309}.stat--red .stat__icon{background:#dc26261a;color:var(--danger)}.stat--slate .stat__icon{background:#64748b24;color:var(--ink-500)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.search{position:relative;flex:1;min-width:200px;max-width:340px}.search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white)}.search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-500);pointer-events:none}.tabs{display:flex;gap:4px;flex-wrap:wrap;background:#eef2f7;border-radius:var(--radius-sm);padding:3px}.tab{padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;color:var(--ink-500);border:none;background:transparent;display:inline-flex;align-items:center;gap:6px}.tab.active{background:var(--white);color:var(--ink-900);box-shadow:var(--shadow-sm)}.tab__count{background:#e2e8f0;border-radius:999px;padding:0 6px;font-size:11px}.table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;padding:11px 14px;color:var(--ink-500);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#f8fafc}table.data tbody tr.clickable{cursor:pointer}.row-actions{display:flex;gap:6px;justify-content:flex-end}.cell-muted{color:var(--ink-500)}.cell-thumb{width:42px;height:32px;border-radius:6px;object-fit:cover;background:#f1f5f9;border:1px solid var(--border)}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:var(--ink-900)}.table-empty,.table-loading{padding:40px;text-align:center;color:var(--ink-500)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--border);flex-wrap:wrap}.pagination__info{color:var(--ink-500);font-size:13px}.pagination__pages{display:flex;gap:4px;align-items:center}.page-btn{min-width:32px;height:32px;border:1px solid var(--border);background:var(--white);border-radius:6px;cursor:pointer;font-weight:600;color:var(--ink-900)}.page-btn:hover:not(:disabled){background:#f1f5f9}.page-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--new{background:#eef2f7;color:#475569}.badge--confirmed{background:#fbbf242e;color:#b45309}.badge--paid,.badge--done{background:#16a34a1f;color:var(--success)}.badge--canceled{background:#dc26261a;color:var(--danger)}.badge--muted{background:#eef2f7;color:#64748b}.badge--soft-green{background:#16a34a1f;color:var(--success)}.badge--soft-red{background:#dc26261a;color:var(--danger)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:2px}.field--full{grid-column:1 / -1}.field__label{font-weight:600;font-size:13px}.field__label .req{color:var(--danger);margin-left:3px}.field__hint{color:var(--ink-500);font-size:12px}.field__error{color:var(--danger);font-size:12px}.input,.textarea,.select{width:100%;padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--ink-900);transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731626}.textarea{resize:vertical;min-height:90px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggle__track{width:40px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .15s;flex:none}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--white);transition:transform .15s;box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle__track{background:var(--success)}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.toggle input:disabled+.toggle__track{opacity:.5}.toggle__label{font-size:13px}.color-input{display:flex;align-items:center;gap:8px}.color-input input[type=color]{width:42px;height:36px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);cursor:pointer}.color-input .input{max-width:130px}.image-upload{display:flex;flex-direction:column;gap:8px}.image-upload__preview{width:100%;max-width:220px;border:1px dashed var(--border);border-radius:var(--radius);aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;background:#f8fafc;color:var(--ink-500);position:relative}.image-upload__preview img{width:100%;height:100%;object-fit:cover}.image-upload__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.image-upload__url{flex:1;min-width:160px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:60;display:flex;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay--center{align-items:center;justify-content:center;padding:20px}.overlay--right{justify-content:flex-end}.modal{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:92vh;display:flex;flex-direction:column;animation:pop .15s ease}@keyframes pop{0%{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}.drawer{background:var(--white);box-shadow:var(--shadow-lg);width:100%;max-width:560px;height:100%;display:flex;flex-direction:column;animation:slide .2s ease}@keyframes slide{0%{transform:translate(30px);opacity:.6}to{transform:translate(0);opacity:1}}.modal--lg{max-width:860px}.modal__head,.drawer__head{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.modal__title{font-size:16px;font-weight:700}.modal__body,.drawer__body{padding:18px;overflow-y:auto;flex:1}.modal__foot,.drawer__foot{padding:13px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:#fafbfc}.close-x{border:none;background:transparent;cursor:pointer;color:var(--ink-500);width:30px;height:30px;border-radius:6px;display:grid;place-items:center}.close-x:hover{background:#f1f5f9;color:var(--ink-900)}.confirm{max-width:420px;text-align:left}.confirm__icon{width:44px;height:44px;border-radius:50%;background:#dc26261a;color:var(--danger);display:grid;place-items:center;margin-bottom:12px}.confirm__text{color:var(--ink-500);margin:6px 0 0}.spinner{width:20px;height:20px;border:2.5px solid rgba(148,163,184,.35);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spinner--lg{width:34px;height:34px;border-width:3.5px}.center-load{display:grid;place-items:center;padding:60px 0;gap:12px;color:var(--ink-500)}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-sm);padding:11px 16px;box-shadow:var(--shadow-md);min-width:240px;max-width:360px;cursor:pointer;animation:slide .2s ease}.toast__dot{width:8px;height:8px;border-radius:50%;flex:none}.toast--success{border-left-color:var(--success)}.toast--success .toast__dot{background:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--error .toast__dot{background:var(--danger)}.toast--info{border-left-color:var(--primary)}.toast--info .toast__dot{background:var(--primary)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#16233b,var(--dark));padding:20px}.login-card{width:100%;max-width:380px;background:var(--white);border-radius:14px;box-shadow:var(--shadow-lg);padding:28px}.login-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px;font-weight:800;font-size:20px}.login-sub{text-align:center;color:var(--ink-500);margin:0 0 22px;font-size:13px}.login-error{background:#dc262614;color:var(--danger);border:1px solid rgba(220,38,38,.25);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;margin-bottom:14px}.login-hint{text-align:center;color:var(--ink-500);font-size:12px;margin-top:16px}.stars{color:var(--star);letter-spacing:1px}.stars .off{color:#d8dee7}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--ink-500)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pill-code{background:#f1f5f9;border-radius:5px;padding:1px 6px;font-size:12px}.divider{height:1px;background:var(--border);margin:6px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.text-right{text-align:right}.detail-list{display:grid;grid-template-columns:140px 1fr;gap:8px 14px;font-size:13px}.detail-list dt{color:var(--ink-500)}.detail-list dd{margin:0;font-weight:500}.breakdown{display:flex;flex-direction:column;gap:12px}.breakdown__row{display:flex;align-items:center;gap:10px;font-size:13px}.breakdown__label{width:130px;flex:none}.breakdown__bar{flex:1;height:9px;background:#eef2f7;border-radius:999px;overflow:hidden}.breakdown__fill{height:100%;border-radius:999px}.breakdown__value{width:36px;text-align:right;font-weight:700}.setting-row{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-row__meta{padding-top:6px}.setting-row__label{font-weight:600}.setting-row__key{font-size:12px;color:var(--ink-500)}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.integration-card{display:flex;flex-direction:column;gap:10px;padding:16px}.integration-card__top{display:flex;align-items:center;gap:12px}.integration-card__icon{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;background:#f973161f;color:var(--primary)}.integration-card__desc{color:var(--ink-500);font-size:13px;flex:1}.wh-row{display:grid;grid-template-columns:130px 1fr 1fr 120px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.wh-row:last-child{border-bottom:none}.wh-row__day{font-weight:600}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.album-card{overflow:hidden;cursor:pointer}.album-card__cover{aspect-ratio:16 / 10;background:#eef2f7;overflow:hidden}.album-card__cover img{width:100%;height:100%;object-fit:cover}.album-card__body{padding:12px 14px}.gallery-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.gallery-image{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--white)}.gallery-image__thumb{aspect-ratio:1;background:#eef2f7;overflow:hidden}.gallery-image__thumb img{width:100%;height:100%;object-fit:cover}.gallery-image__bar{display:flex;align-items:center;gap:6px;padding:7px 8px}.gallery-image__bar input{width:56px}@media (max-width: 1024px){.form-grid,.grid-2{grid-template-columns:1fr}.setting-row{grid-template-columns:1fr;gap:8px}.wh-row{grid-template-columns:100px 1fr 1fr}.wh-row__closed{grid-column:1 / -1}}@media (max-width: 860px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.burger{display:inline-flex}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:35}}