:root{--line-green: #06C755;--line-green-dark: #00B900;--line-green-darker: #00990d;--line-green-soft: #e5f8ec;--bg: #f0fbf4;--surface: #ffffff;--surface-soft: #e5f8ec;--surface-softest: #f6fcf8;--border: #d6f5e1;--border-light: #ecf9f0;--text-primary: #1f3d2b;--text-secondary: #5b7d68;--text-muted: #6d8a7b;--text-table-head: #2e6b46;--danger: #DC2626;--danger-dark: #B91C1C;--warning: #F59E0B;--shadow-sm: 0 1px 2px rgba(31, 61, 43, .05);--shadow-md: 0 4px 16px rgba(31, 61, 43, .08);--shadow-lg: 0 20px 40px rgba(31, 61, 43, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);color:var(--text-primary);font-family:Bricolage Grotesque,Kosugi Maru,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;font-size:14px;line-height:1.7;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"palt" 1,"kern" 1;letter-spacing:.01em}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--text-primary);letter-spacing:.02em}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{display:flex;min-height:100vh;background-color:var(--bg)}.sidebar{width:220px;flex-shrink:0;background-color:var(--surface);border-right:2px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__brand{height:76px;box-sizing:border-box;display:flex;align-items:center;padding:0 18px;border-bottom:2px solid var(--border);gap:10px}.sidebar__brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--line-green),var(--line-green-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;letter-spacing:.04em;box-shadow:0 2px 0 var(--line-green-darker)}.sidebar__brand-text{font-size:15px;font-weight:900;color:var(--line-green)}.sidebar__nav{flex:1;padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar__section-label{padding:14px 10px 6px;font-size:11px;font-weight:900;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.sidebar__nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text-secondary);font-size:13px;font-weight:700;border-radius:12px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.sidebar__nav-item:hover:not(.is-active){background-color:var(--surface-soft);color:var(--text-primary)}.sidebar__nav-item.is-active{background-color:var(--line-green);color:#fff;font-weight:900;box-shadow:0 2px 0 var(--line-green-darker)}.sidebar__nav-item.is-disabled{color:var(--text-muted);cursor:not-allowed}.sidebar__nav-item.is-disabled:hover{background-color:var(--border-light);color:var(--text-secondary)}.sidebar__nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;border-radius:8px;background-color:var(--surface-soft);color:var(--line-green);flex-shrink:0}.sidebar__nav-item.is-active .sidebar__nav-icon{background-color:#ffffff38;color:#fff}.sidebar__nav-badge{margin-left:auto;font-size:10px;font-weight:900;color:var(--text-muted);background-color:var(--surface-soft);padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{height:76px;box-sizing:border-box;background-color:var(--surface);border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:8px 24px;position:sticky;top:0;z-index:10;gap:16px}.app-header__breadcrumb{font-size:13px;font-weight:700;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;gap:0}.app-header__breadcrumb strong{color:var(--line-green);font-weight:900}.app-header__user{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--text-secondary)}.app-header__user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--line-green),var(--line-green-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:2px solid #ffffff;box-shadow:0 0 0 2px var(--border)}.main-content{flex:1;padding:24px;overflow-y:auto}.card{background-color:var(--surface);border:3px solid var(--border);border-radius:20px;overflow:hidden}.card__header{padding:18px 22px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;background-color:var(--surface)}.card__title{font-size:15px;font-weight:900;color:var(--text-primary)}.card__body{padding:22px}.page-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:14px;gap:16px}.page-header__title,.page-header__subtitle{display:none!important}.page-header__actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:999px;border:none;font-size:13px;font-weight:900;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .08s ease,box-shadow .08s ease;line-height:1.4;font-family:inherit}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background-color:var(--line-green);color:#fff;box-shadow:0 3px 0 var(--line-green-darker)}.btn--primary:hover:not(:disabled){background-color:var(--line-green-dark)}.btn--primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line-green-darker)}.btn--secondary{background-color:var(--surface);color:var(--text-primary);border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.btn--secondary:hover:not(:disabled){background-color:var(--surface-soft)}.btn--secondary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--border)}.btn--danger{background-color:var(--danger);color:#fff;box-shadow:0 3px 0 var(--danger-dark)}.btn--danger:hover:not(:disabled){background-color:var(--danger-dark)}.btn--danger:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--danger-dark)}.btn--ghost{background-color:transparent;color:var(--text-secondary);padding:7px 12px;box-shadow:none;border-radius:999px;font-weight:700}.btn--ghost:hover:not(:disabled){background-color:var(--surface-soft);color:var(--text-primary)}.btn--ghost-danger{background-color:transparent;color:var(--danger);padding:7px 12px;box-shadow:none;border-radius:999px;font-weight:700}.btn--ghost-danger:hover:not(:disabled){background-color:#fee2e2}.btn--sm{padding:6px 14px;font-size:12px}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{background-color:var(--surface-soft);color:var(--text-table-head);text-align:left;font-weight:900;font-size:12px;letter-spacing:.02em;padding:14px 16px;border-bottom:2px solid var(--border);white-space:nowrap}.table tbody td{padding:14px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;font-weight:500}.table tbody tr{transition:background-color .15s ease;cursor:pointer}.table tbody tr:hover td{background-color:var(--surface-softest)}.table tbody tr:last-child td{border-bottom:none}.table__cell--actions{width:1%;white-space:nowrap;text-align:right}.table__actions{display:inline-flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}.table__actions .btn{flex:0 0 auto;white-space:nowrap}.table__name{font-weight:900;color:var(--text-primary)}.table__name-sub{margin-top:2px;font-size:12px;font-weight:500;color:var(--text-secondary)}.table__status{color:var(--text-secondary);font-weight:500;max-width:280px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.table__date{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.table__cell--num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.table thead .table__cell--num{text-align:right}.table__sub-label{display:block;font-size:10px;font-weight:500;color:var(--text-secondary);margin-top:2px;letter-spacing:0}.empty-state{padding:56px 20px;text-align:center;color:var(--text-secondary)}.empty-state__title{font-size:15px;font-weight:900;color:var(--text-primary);margin-bottom:6px}.empty-state__hint{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:18px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--line-green),var(--line-green-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;overflow:hidden;flex-shrink:0;border:3px solid #ffffff;box-shadow:0 0 0 2px var(--border)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--lg{width:80px;height:80px;font-size:26px;border-width:4px;box-shadow:0 0 0 3px var(--border)}.modal-overlay{position:fixed;inset:0;background-color:#1f3d2b73;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{width:100%;max-width:520px;max-height:calc(100vh - 48px);background-color:var(--surface);border-radius:20px;border:3px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.modal__header{padding:22px 24px 14px;border-bottom:2px solid var(--border);background-color:var(--surface)}.modal__title{font-size:18px;font-weight:900;color:var(--line-green)}.modal__subtitle{margin-top:4px;font-size:12px;font-weight:500;color:var(--text-secondary)}.modal__body{padding:22px 24px;overflow-y:auto}.modal__footer{padding:16px 24px;border-top:2px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background-color:var(--surface-softest)}.form-field{margin-bottom:18px}.form-field:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:900;color:var(--text-table-head);margin-bottom:6px}.form-label__required{color:var(--danger);margin-left:4px}.form-input,.form-textarea{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:14px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-primary);background-color:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--line-green);box-shadow:0 0 0 3px #06c7552e}.form-textarea{min-height:88px;resize:vertical}.form-hint{margin-top:6px;font-size:11px;font-weight:500;color:var(--text-muted)}.form-error{margin-top:8px;color:var(--danger);font-size:12px;font-weight:700}.detail-grid{display:grid;grid-template-columns:minmax(340px,400px) 1fr;gap:20px;align-items:flex-start}.detail-grid__col-left{display:flex;flex-direction:column;gap:20px}@media (max-width: 960px){.detail-grid{grid-template-columns:1fr}}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px}.profile-card__name{margin-top:14px;font-size:17px;font-weight:900;color:var(--text-primary)}.profile-card__display-name{margin-top:4px;font-size:13px;font-weight:700;color:var(--text-secondary)}.profile-card__status{margin-top:14px;font-size:13px;font-weight:500;color:var(--text-primary);background-color:var(--surface-soft);padding:12px 14px;border-radius:14px;width:100%}.profile-card__memo{margin-top:16px;width:100%;text-align:left;font-size:13px;font-weight:500;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.profile-card__meta{margin-top:18px;width:100%;border-top:2px dashed var(--border);padding-top:14px;font-size:11px;font-weight:700;color:var(--text-muted);display:flex;flex-direction:column;gap:4px;text-align:left}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.feature-card{background-color:var(--surface);border:2px dashed var(--border);border-radius:16px;padding:20px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;min-height:130px}.feature-card__title{font-size:14px;font-weight:900;color:var(--text-primary)}.feature-card__description{font-size:12px;font-weight:500;color:var(--text-secondary);flex:1}.feature-card__badge{align-self:flex-start;font-size:10px;font-weight:900;color:var(--line-green);background-color:var(--surface-soft);border:1px solid var(--border);border-radius:999px;padding:3px 10px;letter-spacing:.04em}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:13px;font-weight:700;margin-bottom:14px;cursor:pointer;background:none;border:none;padding:6px 12px;border-radius:999px;font-family:inherit;transition:background-color .15s ease,color .15s ease}.back-link:hover{background-color:var(--surface-soft);color:var(--line-green)}.loading-state,.error-state{padding:32px;text-align:center;color:var(--text-secondary);font-size:13px;font-weight:700}.error-state{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.02em;border:1px solid transparent;line-height:1.4;white-space:nowrap}.badge.is-available{background-color:var(--surface-soft);color:var(--line-green);border-color:var(--border)}.badge.is-waiting{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.badge.is-assigned{background-color:#eef2f6;color:#4b5563;border-color:#d8dee7}.badge.is-banned{background-color:#fee2e2;color:var(--danger-dark);border-color:#fca5a5}.bulk-section{background-color:var(--surface);border:3px solid var(--border);border-radius:20px;overflow:hidden;margin-bottom:22px}.bulk-section[open] .bulk-section__summary{border-bottom:2px solid var(--border)}.bulk-section__summary{padding:18px 22px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900;color:var(--text-primary);font-size:15px;background-color:var(--surface);user-select:none}.bulk-section__summary::-webkit-details-marker{display:none}.bulk-section__summary::marker{content:""}.bulk-section__summary-caret{width:22px;height:22px;border-radius:8px;background-color:var(--surface-soft);color:var(--line-green);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;transition:transform .15s ease}.bulk-section[open] .bulk-section__summary-caret{transform:rotate(90deg)}.bulk-section__body{padding:22px;display:flex;flex-direction:column;gap:14px}.bulk-section__hint{font-size:12px;font-weight:500;color:var(--text-secondary);background-color:var(--surface-softest);border:1px dashed var(--border);border-radius:12px;padding:10px 14px}.bulk-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 860px){.bulk-section__grid{grid-template-columns:1fr}}.bulk-section__footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.form-textarea--mono{font-family:JetBrains Mono,Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.55;padding:12px 14px;border-width:2px;border-radius:12px;min-height:120px;white-space:pre;overflow-x:auto}.reserve-stats{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:700;color:var(--text-secondary)}.reserve-stats__total{color:var(--text-primary);font-weight:900}.table tbody tr.reserve-row{cursor:default}.table tbody tr.reserve-row:hover td{background-color:var(--surface-softest)}.table__code{font-family:JetBrains Mono,Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:var(--text-primary);font-weight:700}.badge.is-active{background-color:var(--surface-soft);color:var(--line-green);border-color:var(--border)}.badge.is-inactive{background-color:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.attached-account-row{cursor:default}.attached-account-row:hover td{background-color:var(--surface-softest)}.url-display{display:flex;align-items:center;gap:10px;padding:12px 14px;background-color:var(--surface-softest);border:2px dashed var(--border);border-radius:14px}.url-display__text{font-family:JetBrains Mono,Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:700;color:var(--text-primary);flex:1;overflow-x:auto;white-space:nowrap;user-select:all}.short-url-box{margin-top:12px}.short-url-box__label{font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.short-url-box__pending{background-color:var(--surface-softest);border:1px dashed var(--border);border-radius:10px;padding:10px 12px;color:var(--text-secondary);font-size:12px}.url-display__hint{margin-top:10px;font-size:11px;font-weight:500;color:var(--text-muted);line-height:1.5}.copy-button{flex-shrink:0;min-width:84px}.assign-modal{max-width:480px}.assign-modal__stock{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:12px 14px;background-color:var(--surface-soft);border-radius:12px}.assign-modal__stock-label{font-size:12px;font-weight:700;color:var(--text-secondary)}.assign-modal__stock-value{font-size:15px;font-weight:900;color:var(--line-green)}.assign-modal__preview{margin-top:10px;display:flex;gap:8px}.btn-group{display:inline-flex;gap:6px;flex-wrap:wrap}.btn-group__item{min-width:50px;padding:9px 16px;border-radius:12px;border:2px solid var(--border);background-color:var(--surface);color:var(--text-primary);font-weight:900;font-size:13px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;font-family:inherit}.btn-group__item:hover:not(:disabled):not(.is-selected){background-color:var(--surface-soft)}.btn-group__item.is-selected{background-color:var(--line-green);color:#fff;border-color:var(--line-green);box-shadow:0 2px 0 var(--line-green-darker)}.btn-group__item:disabled{cursor:not-allowed;opacity:.55}.radio-group{display:flex;flex-direction:column;gap:6px}.radio-group__item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;color:var(--text-primary);transition:background-color .15s ease}.radio-group__item:hover{background-color:var(--surface-soft)}.radio-group__item input[type=radio]{accent-color:var(--line-green);cursor:pointer}.toggle-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-switch__slider{position:relative;width:40px;height:22px;background-color:#d1d5db;border-radius:999px;transition:background-color .15s ease;flex-shrink:0}.toggle-switch__slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s ease}.toggle-switch input[type=checkbox]:checked+.toggle-switch__slider{background-color:var(--line-green)}.toggle-switch input[type=checkbox]:checked+.toggle-switch__slider:before{transform:translate(18px)}.toggle-switch input[type=checkbox]:disabled+.toggle-switch__slider{opacity:.5;cursor:not-allowed}.toggle-switch__label{font-size:13px;font-weight:700;color:var(--text-primary)}.greeting-builder{display:flex;flex-direction:column;gap:14px}.greeting-builder__row{display:flex;align-items:center}.greeting-builder__list{display:flex;flex-direction:column;gap:12px;margin-top:6px}.greeting-builder__empty{padding:24px 16px;text-align:center;color:var(--text-secondary);background-color:var(--surface-softest);border:2px dashed var(--border);border-radius:14px;font-size:13px;font-weight:500}.greeting-builder__footer{display:flex;justify-content:space-between;gap:10px;margin-top:6px;flex-wrap:wrap}.greeting-message-item{border:2px solid var(--border);border-radius:16px;background-color:var(--surface);overflow:hidden}.greeting-message-item__header{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:var(--surface-softest);border-bottom:2px solid var(--border-light)}.greeting-message-item__number{font-weight:900;color:var(--line-green);font-size:13px;min-width:28px}.greeting-message-item__type{width:auto;flex:1;max-width:200px}.greeting-message-item__order{display:inline-flex;gap:4px;margin-left:auto}.greeting-message-item__body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.greeting-message-item__body .form-field{margin-bottom:0}.greeting-message-item__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.greeting-message-item__row{grid-template-columns:1fr}}.greeting-message-item__hint{padding:8px 12px;background-color:var(--surface-softest);border-left:3px solid var(--line-green);border-radius:6px;font-size:12px;color:var(--text-secondary)}.msg-empty-template{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 20px;border:2px dashed var(--border);border-radius:14px;background-color:var(--surface-softest);text-align:center}.msg-empty-template__icon{font-size:28px;font-weight:900;color:var(--line-green);line-height:1}.msg-empty-template__title{font-size:15px;font-weight:700;color:var(--text-primary)}.msg-empty-template__lead{font-size:13px;color:var(--text-secondary)}.msg-empty-template__btn{margin-top:4px;min-width:220px;font-size:15px;padding:12px 24px}.msg-empty-template__note{margin-top:6px;font-size:12px;color:var(--text-secondary)}.msg-template-selected{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:2px solid var(--line-green);border-radius:12px;background-color:var(--surface)}.msg-template-selected__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.msg-template-selected__check{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;background-color:var(--line-green);color:#fff;font-size:11px;font-weight:800}.msg-template-selected__label{font-size:13px;color:var(--text-secondary)}.msg-template-selected__name{font-size:15px;font-weight:700;color:var(--text-primary)}.msg-template-selected__change{align-self:flex-start;margin-top:2px}.msg-template-summary{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background-color:var(--surface-softest);border-radius:8px}.msg-template-summary__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.msg-template-summary__key{color:var(--text-secondary);font-weight:600;min-width:36px}.msg-template-summary__value{color:var(--text-primary)}.msg-template-summary__tags{display:inline-flex;flex-wrap:wrap;gap:4px}.media-input{display:flex;flex-direction:column;gap:6px}.media-input__row{display:flex;align-items:center;gap:8px}.media-input__url{flex:1;min-width:0}.media-input__pick{flex-shrink:0;white-space:nowrap;padding:9px 16px}.media-input__progress{position:relative;height:18px;background-color:var(--surface-soft);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-top:4px}.media-input__progress-bar{height:100%;background:linear-gradient(90deg,var(--line-green),var(--line-green-dark));transition:width .18s ease}.media-input__progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:var(--text-primary);pointer-events:none}.media-input__error{color:var(--danger);font-size:12px;font-weight:700;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:6px 10px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}@media (max-width: 720px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background-color:var(--surface);border:2px solid var(--border);border-radius:14px;padding:14px 18px;text-align:center}.kpi-card__label{font-size:12px;color:var(--text-secondary);font-weight:700}.kpi-card__value{font-size:24px;font-weight:900;color:var(--line-green);margin-top:4px;font-variant-numeric:tabular-nums}.friends-parent-row{display:flex;align-items:center;gap:12px}.friends-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.friends-tag-filter{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:14px}.friends-tag-filter__label{font-size:12px;color:var(--text-secondary);font-weight:700}.friends-tag-filter__empty{color:var(--text-muted);font-weight:700;font-size:12px}.friends-tag-filter__note{color:var(--text-muted);font-weight:700;font-size:11px;margin-left:8px}.friends-tag-filter__mode{display:inline-flex;gap:10px;margin-left:10px;font-size:11px;font-weight:700;color:var(--text-secondary)}.friends-tag-filter__mode label{display:inline-flex;align-items:center;gap:4px}.chip{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;border:2px solid var(--border);background-color:var(--surface);color:var(--text-secondary);font-family:inherit;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.chip:hover:not(:disabled){background-color:var(--surface-soft)}.chip--on{background-color:var(--line-green);color:#fff;border-color:var(--line-green)}.chip__count{font-weight:700;opacity:.9;margin-left:2px}.tag-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;margin:0 4px 4px 0;line-height:1.6}.tag-pill--toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:2px solid var(--border);background-color:var(--surface);color:var(--text-secondary)}.tag-pill--toggle input{display:none}.friend-row{cursor:pointer}.friend-row__no-tags{color:var(--text-muted);font-weight:700}.friend-detail-row td{background-color:var(--surface-softest)}.friend-detail-drawer{background-color:var(--surface);border:2px solid var(--border);border-radius:14px;padding:16px 18px;margin:4px 0}.friend-detail-drawer__row{display:flex;gap:16px;align-items:flex-start;padding:6px 0;font-size:13px;border-bottom:1px dashed var(--border-light)}.friend-detail-drawer__row:last-child{border-bottom:none}.friend-detail-drawer__k{font-weight:700;color:var(--text-secondary);min-width:100px;flex-shrink:0}.friend-detail-drawer__v{font-weight:700;color:var(--text-primary);flex:1;word-break:break-all}.friend-detail-drawer__v--mono{font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.friend-detail-drawer__muted{color:var(--text-muted);font-weight:700}.friend-detail-drawer__tag-edit{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.friend-detail-drawer__actions{display:flex;gap:8px;margin-top:6px}.tag-selector{display:flex;flex-direction:column;gap:8px}.tag-selector__chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tag-selector__empty{color:var(--text-muted);font-weight:700;font-size:12px}.tag-selector__mode{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;color:var(--text-secondary)}.tag-selector__mode-label{color:var(--text-muted)}.tag-selector__mode-item{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.tag-manager{max-width:620px}.tag-manager__form{display:flex;gap:12px;align-items:flex-end}.tag-manager__form-footer{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px}.tag-manager__color-row{display:flex;gap:4px;flex-wrap:wrap}.tag-manager__color-swatch{width:24px;height:24px;border-radius:8px;border:2px solid var(--border);cursor:pointer;padding:0;transition:transform .1s ease,border-color .1s ease}.tag-manager__color-swatch:hover{transform:scale(1.05)}.tag-manager__color-swatch.is-selected{border-color:var(--text-primary);transform:scale(1.1)}.tag-manager__list{border-top:2px solid var(--border-light);padding-top:10px;max-height:280px;overflow-y:auto}.tag-manager__row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border-light)}.tag-manager__row-swatch{width:18px;height:18px;border-radius:6px;flex-shrink:0}.tag-manager__row-name{flex:1;font-weight:700;color:var(--text-primary)}.tag-manager__row-actions{display:inline-flex;gap:4px}.push-card{background-color:var(--surface);border:3px solid var(--border);border-radius:18px;margin-bottom:14px;overflow:hidden}.push-card__summary{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;user-select:none}.push-card__summary::-webkit-details-marker{display:none}.push-card[open] .push-card__summary{border-bottom:2px solid var(--border-light)}.push-card__title{font-size:14px;font-weight:900;color:var(--text-primary)}.push-card__subtitle{font-size:12px;font-weight:700;color:var(--text-secondary)}.push-card__body{padding:16px 20px}.accounts-pick{display:flex;gap:8px;flex-wrap:wrap}.accounts-pick label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background-color:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;font-weight:700;font-size:13px;transition:background-color .15s ease,border-color .15s ease}.accounts-pick label.is-on{background-color:var(--surface-soft);border-color:var(--line-green)}.target-rows{display:flex;flex-direction:column;gap:10px}.target-row{display:flex;gap:10px;align-items:flex-start;padding:14px;background-color:var(--surface);border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.target-row.is-on{border-color:var(--line-green);background-color:var(--surface-soft)}.target-row input[type=radio]{margin-top:4px;accent-color:var(--line-green)}.target-row__title{font-weight:900;font-size:14px}.target-row__desc{color:var(--text-secondary);font-size:12px;margin-top:2px;font-weight:500}.target-row__sub{margin-top:10px;padding-left:0;display:flex;flex-direction:column;gap:8px}.send-bar{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:16px;padding:14px 18px;border:2px solid var(--border);border-radius:14px;background-color:var(--surface)}.send-bar__result{font-size:12px;font-weight:700;color:var(--text-secondary)}.tabs{display:flex;gap:6px;padding:6px;margin-bottom:18px;background-color:var(--surface);border:2px solid var(--border);border-radius:14px;overflow-x:auto}.tabs__item{padding:9px 18px;border:none;border-radius:10px;background-color:transparent;color:var(--text-secondary);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.tabs__item:hover:not(.tabs__item--active){background-color:var(--surface-soft);color:var(--text-primary)}.tabs__item--active{background-color:var(--line-green);color:#fff;box-shadow:var(--shadow-sm)}.json-editor{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;white-space:pre;tab-size:2}.template-edit-modal{max-width:860px}.template-edit-modal__payload-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.template-edit-modal__payload-actions{display:flex;gap:6px;margin-bottom:6px}.builder-mode-tabs{display:inline-flex;gap:4px;padding:4px;background-color:var(--surface-soft);border-radius:999px;border:2px solid var(--border)}.builder-mode-tabs__btn{padding:6px 14px;border-radius:999px;border:none;background-color:transparent;color:var(--text-secondary);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:background-color .15s ease,color .15s ease}.builder-mode-tabs__btn:hover:not(:disabled):not(.builder-mode-tabs__btn--active){background-color:var(--surface);color:var(--text-primary)}.builder-mode-tabs__btn:disabled{opacity:.5;cursor:not-allowed}.builder-mode-tabs__btn--active{background-color:var(--line-green);color:#fff;box-shadow:var(--shadow-sm)}.builder-root{display:flex;flex-direction:column;gap:14px}.builder-section{padding:14px 16px;background-color:var(--surface-softest);border:2px solid var(--border-light);border-radius:14px;display:flex;flex-direction:column;gap:12px}.builder-subsection{padding:12px 14px;background-color:var(--surface);border:2px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:10px}.builder-section__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.builder-section__title,.builder-subsection__title{font-size:13px;font-weight:900;color:var(--text-table-head)}.builder-section__count{font-size:12px;font-weight:700;color:var(--text-secondary);background-color:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 10px}.builder-section__footer{display:flex;justify-content:flex-end}.builder-field{display:flex;flex-direction:column}.builder-field--grow{flex:1 1 200px;min-width:0}.builder-field--shrink{flex:0 0 auto;min-width:180px}.builder-row{display:flex;gap:12px;align-items:flex-start}.builder-row--wrap{flex-wrap:wrap}.builder-hint{font-size:12px;color:var(--text-muted);background-color:var(--surface);padding:8px 12px;border-radius:10px;border:1px dashed var(--border)}.builder-empty{padding:18px 12px;text-align:center;color:var(--text-secondary);background-color:var(--surface);border:2px dashed var(--border);border-radius:12px;font-size:13px}.builder-list{display:flex;flex-direction:column;gap:10px}.builder-list-item{border:2px solid var(--border);border-radius:14px;background-color:var(--surface);overflow:hidden}.builder-list-item__header{display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:var(--surface-soft);border-bottom:2px solid var(--border-light);flex-wrap:wrap}.builder-list-item__number{font-weight:900;color:var(--line-green);font-size:13px}.builder-list-item__error{color:var(--danger);font-size:11px;font-weight:700}.builder-list-item__body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.builder-list-controls{margin-left:auto;display:inline-flex;gap:4px}.builder-action-card{padding:12px 14px;background-color:var(--surface-softest);border:2px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:10px}.builder-radio-group{display:flex;gap:14px;padding:8px 0;flex-wrap:wrap}.builder-radio{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-primary);cursor:pointer}.builder-radio input[type=radio]{accent-color:var(--line-green);cursor:pointer}.builder-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary);cursor:pointer}.builder-toggle input[type=checkbox]{accent-color:var(--line-green);cursor:pointer;width:16px;height:16px}.builder-color-row{display:flex;align-items:center;gap:8px}.builder-color-input{width:44px;height:38px;padding:2px;border:2px solid var(--border);border-radius:10px;background-color:var(--surface);cursor:pointer}.builder-column-editor{display:flex;flex-direction:column;gap:12px}.builder-preview-toggle{align-self:flex-start}.builder-preview{margin:8px 0 0;padding:12px 14px;background-color:var(--surface);border:2px solid var(--border);border-radius:12px;max-height:320px;overflow:auto;white-space:pre}.builder-error-list{margin:6px 0 0;padding-left:18px}.builder-error-list li{margin-bottom:2px}.imagemap-canvas-wrap{display:flex;flex-direction:column;gap:10px}.imagemap-canvas{position:relative;width:100%;max-width:600px;margin:0 auto;background-color:var(--surface-soft);border:2px solid var(--border);border-radius:12px;overflow:hidden;user-select:none;-webkit-user-select:none}.imagemap-canvas__img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.imagemap-canvas__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.imagemap-canvas__svg .imagemap-area-rect,.imagemap-canvas__svg .imagemap-area-remove{pointer-events:auto}.imagemap-area-rect{fill:#ff8c0038;stroke:#ff8c00;stroke-width:3;cursor:pointer;vector-effect:non-scaling-stroke;transition:fill .12s ease}.imagemap-area-rect:hover{fill:#ff8c0061}.imagemap-area-rect--selected{stroke:#d9480f;stroke-width:6;fill:#ff8c0066}.imagemap-area-label{fill:#fff;font-weight:900;paint-order:stroke;stroke:#d9480f;stroke-width:4;stroke-linejoin:round;pointer-events:none}.imagemap-area-remove{cursor:pointer}.imagemap-area-remove__bg{fill:var(--danger);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.imagemap-area-remove__x{fill:#fff;font-weight:900;pointer-events:none}.imagemap-video-rect{fill:#06c75526;stroke:var(--line-green);stroke-width:4;stroke-dasharray:10 6;vector-effect:non-scaling-stroke}.imagemap-drag-rect{position:absolute;background-color:#06c7552e;border:2px dashed var(--line-green);pointer-events:none;z-index:2}.imagemap-canvas-empty{padding:36px 16px;text-align:center;color:var(--text-secondary);background-color:var(--surface-soft);border:2px dashed var(--border);border-radius:12px;font-weight:700}.imagemap-actions-list .builder-list-item{cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.imagemap-actions-list .builder-list-item--selected{border-color:var(--line-green);box-shadow:0 0 0 2px var(--line-green-soft)}.flex-section-controls{display:flex;flex-wrap:wrap;gap:6px}.flex-styles-grid{display:flex;flex-direction:column;gap:10px}.flex-edit-split{display:flex;gap:12px;align-items:stretch;min-height:360px}.flex-edit-split__tree{flex:0 0 280px;background-color:var(--surface);border:2px solid var(--border-light);border-radius:12px;overflow:auto;max-height:520px;padding:8px 0}.flex-edit-split__editor{flex:1 1 auto;min-width:0;background-color:var(--surface);border:2px solid var(--border-light);border-radius:12px;overflow:auto;max-height:520px}@media (max-width: 760px){.flex-edit-split{flex-direction:column}.flex-edit-split__tree{flex:0 0 auto;max-height:240px}}.flex-tree{display:flex;flex-direction:column;font-size:12px}.flex-tree__root{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--surface-soft);border-bottom:2px solid var(--border-light);font-weight:900;color:var(--line-green);cursor:pointer}.flex-tree__empty{padding:12px;color:var(--text-secondary);font-style:italic}.flex-tree__section{border-top:1px dashed var(--border)}.flex-tree__section-label{padding:4px 12px;font-size:11px;font-weight:900;color:var(--text-table-head);background-color:var(--surface-softest);text-transform:uppercase;letter-spacing:.4px}.flex-tree__node{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;border-left:3px solid transparent;transition:background-color .12s ease,border-color .12s ease}.flex-tree__node:hover{background-color:var(--surface-softest)}.flex-tree__node--selected{background-color:var(--line-green-soft);border-left-color:var(--line-green)}.flex-tree__icon{color:var(--text-secondary);font-weight:700;flex-shrink:0;font-family:monospace;font-size:11px}.flex-tree__type{font-weight:700;color:var(--text-primary);flex-shrink:0}.flex-tree__summary{color:var(--text-secondary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.flex-tree__controls{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.flex-tree__select{font-size:11px;padding:2px 4px;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text-primary);cursor:pointer}.flex-tree__btn{width:22px;height:22px;border:1px solid var(--border);background-color:var(--surface);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.flex-tree__btn:hover:not(:disabled){background-color:var(--surface-soft);color:var(--text-primary)}.flex-tree__btn:disabled{opacity:.4;cursor:not-allowed}.flex-tree__btn--danger{color:var(--danger);border-color:var(--danger)}.flex-tree__btn--danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.flex-node-editor{display:flex;flex-direction:column;gap:10px;padding:12px 14px}.flex-node-editor__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.flex-node-editor__title{font-weight:900;color:var(--line-green);font-size:13px}.flex-node-editor__body{display:flex;flex-direction:column;gap:12px}.flex-preview-frame{display:flex;justify-content:center;padding:16px;background-color:var(--surface-soft);border-radius:12px;border:1px dashed var(--border)}.flex-preview-bubble{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;color:#111;font-size:14px}.flex-preview-section{overflow:hidden}.flex-preview-section--hero{padding:0}.flex-preview-empty{padding:32px;text-align:center;color:#9ca3af;font-style:italic}.flex-preview-box{box-sizing:border-box}.flex-preview-text{display:block}.flex-preview-image{display:block;border-radius:0}.flex-preview-image--placeholder{background-color:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:12px}.flex-preview-button{border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;padding:0 12px}.flex-preview-separator{border:none;border-top:1px solid;margin:0}.flex-carousel-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.flex-carousel-tab{display:inline-flex;align-items:center;gap:2px;padding:4px 6px;border:2px solid var(--border);border-radius:10px;background-color:var(--surface);cursor:default}.flex-carousel-tab--active{border-color:var(--line-green);background-color:var(--line-green-soft)}.flex-carousel-tab__label{background:transparent;border:none;font-size:12px;font-weight:700;color:var(--text-primary);cursor:pointer;padding:2px 6px}.flex-carousel-tab__btn{width:22px;height:22px;border:1px solid var(--border);background-color:var(--surface-soft);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:11px;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.flex-carousel-tab__btn:hover:not(:disabled){background-color:var(--surface);color:var(--text-primary)}.flex-carousel-tab__btn:disabled{opacity:.4;cursor:not-allowed}.flex-carousel-tab__btn--danger{color:var(--danger);border-color:var(--danger)}.flex-carousel-tab__btn--danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.flex-carousel-tab--add{border-style:dashed;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;padding:4px 12px}.flex-carousel-tab--add:hover:not(:disabled){border-color:var(--line-green);color:var(--line-green)}.flex-carousel-tab--add:disabled{opacity:.4;cursor:not-allowed}.flex-span-list{display:flex;flex-direction:column;gap:8px}.flex-span-item{border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;background-color:var(--surface-soft);display:flex;flex-direction:column;gap:8px}.flex-span-item__head{display:flex;align-items:center;justify-content:space-between}.flex-span-item__title{font-weight:700;color:var(--text-primary);font-size:12px}.flex-span-item__controls{display:inline-flex;gap:2px}.flex-linear-gradient-editor{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px dashed var(--border);border-radius:10px;background-color:var(--surface-softest)}.flex-tree__drop-marker{height:4px;margin-right:8px;border-radius:2px;background-color:transparent;transition:background-color .1s ease}.flex-tree__drop-marker--active{background-color:var(--line-green)}.flex-tree__node--dragging{opacity:.4}.flex-tree__empty-children{padding:4px 8px;color:var(--text-secondary);font-size:11px;font-style:italic}.flex-preview-icon{display:inline-block}.flex-preview-icon--placeholder{background-color:#f3f4f6;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-family:monospace}.flex-preview-icon--invalid{outline:1px dashed #ef4444}.flex-preview-video{overflow:hidden}.flex-preview-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background-color:#0009;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.flex-preview-frame--carousel{padding:12px}.flex-preview-carousel-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.flex-preview-carousel-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.flex-preview-carousel-item--active{opacity:1}.flex-preview-carousel-item__label{font-size:11px;font-weight:700;color:var(--text-secondary)}.flex-preview-carousel-item--active .flex-preview-carousel-item__label{color:var(--line-green)}.greeting-builder__header{display:flex;justify-content:flex-end;gap:8px}.template-picker-modal{max-width:880px}.template-picker-modal__tabs{margin-bottom:14px}.template-picker-modal__filters{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;padding:12px 14px;background-color:var(--surface-softest);border:2px solid var(--border-light);border-radius:12px}.template-picker-modal__tag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.template-picker-modal__list{max-height:420px;overflow-y:auto;border:2px solid var(--border-light);border-radius:12px;background-color:var(--surface)}.template-picker-list-item{cursor:pointer;transition:background-color .12s ease}.template-picker-list-item:hover{background-color:var(--surface-softest)}.template-picker-list-item--selected,.template-picker-list-item--selected:hover{background-color:var(--line-green);color:#fff}.template-picker-list-item--selected .table__name,.template-picker-list-item--selected .table__date,.template-picker-list-item--selected .friend-row__no-tags{color:#fff}.font-check-grid{display:flex;flex-direction:column;gap:18px}.font-check-card{background-color:var(--surface);border:3px solid var(--border);border-radius:20px;overflow:hidden}.font-check-card__header{padding:16px 22px;border-bottom:2px solid var(--border);background-color:var(--surface-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.font-check-card__name{font-size:16px;font-weight:900;color:var(--line-green)}.font-check-card__meta{display:flex;align-items:center;gap:12px}.font-check-card__note{font-size:12px;font-weight:500;color:var(--text-secondary)}.font-check-card__link{font-size:12px;font-weight:700;color:var(--line-green-dark);padding:4px 10px;border:2px solid var(--border);border-radius:999px;background-color:var(--surface);transition:background-color .15s ease,color .15s ease}.font-check-card__link:hover{background-color:var(--line-green);color:#fff}.font-check-card__sample{padding:22px;display:flex;flex-direction:column;gap:14px}.font-check-sample__heading{font-size:24px;font-weight:900;color:var(--text-primary);line-height:1.4;letter-spacing:.02em}.font-check-sample__body{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.7}.font-check-sample__list{font-size:13px;font-weight:500;color:var(--text-secondary);background-color:var(--surface-softest);padding:10px 14px;border-radius:12px;border:2px solid var(--border-light)}.font-check-sample__buttons{display:flex;gap:10px;flex-wrap:wrap}.font-check-sample__btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:900;line-height:1.4}.font-check-sample__btn--primary{background-color:var(--line-green);color:#fff}.font-check-sample__btn--secondary{background-color:var(--surface);color:var(--text-primary);border:2px solid var(--border)}.font-check-sample__numbers{font-size:15px;font-weight:700;color:var(--text-primary);background-color:var(--surface-soft);padding:10px 14px;border-radius:12px;letter-spacing:.02em}.font-check-sample__longtext{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:1.8}.richmenu-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:20px 24px}.richmenu-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease}.richmenu-card:hover{box-shadow:0 8px 24px -12px #0000002e;transform:translateY(-2px)}.richmenu-card__thumb{background:var(--surface-soft);aspect-ratio:2500 / 1686;display:flex;align-items:center;justify-content:center;overflow:hidden}.richmenu-card__img{width:100%;height:100%;object-fit:cover;display:block}.richmenu-card__no-image{color:var(--text-secondary);font-size:13px}.richmenu-card__body{padding:14px 16px 8px;display:flex;flex-direction:column;gap:8px}.richmenu-card__name{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.4;word-break:break-word}.richmenu-card__meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.richmenu-card__meta-item{display:flex;gap:6px}.richmenu-card__meta-label{color:var(--text-tertiary, var(--text-secondary));min-width:64px}.richmenu-card__date{font-size:11px;color:var(--text-secondary);opacity:.8}.richmenu-card__actions{display:flex;gap:8px;padding:8px 16px 16px;border-top:1px solid var(--border-soft);margin-top:4px}.richmenu-edit-modal{width:min(1080px,96vw);max-height:92vh;display:flex;flex-direction:column}.richmenu-step-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px 8px}.richmenu-step-dot{display:flex;flex-direction:column;align-items:center;gap:6px}.richmenu-step-dot__num{width:36px;height:36px;border-radius:50%;background:var(--surface-soft);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;border:2px solid transparent}.richmenu-step-dot--active .richmenu-step-dot__num{background:var(--accent, #16a34a);color:#fff;border-color:var(--accent, #16a34a)}.richmenu-step-dot--done .richmenu-step-dot__num{background:#e0f2e9;color:var(--accent, #16a34a);border-color:var(--accent, #16a34a)}.richmenu-step-dot__label{font-size:12px;color:var(--text-secondary);font-weight:600}.richmenu-step-dot--active .richmenu-step-dot__label{color:var(--text-primary)}.richmenu-step-line{flex:0 0 60px;height:2px;background:var(--border-soft)}.richmenu-builder{overflow-y:auto;padding:16px 24px 0}.richmenu-builder__step{display:flex;flex-direction:column;gap:20px}.richmenu-builder__hint{font-size:13px;line-height:1.7}.richmenu-size-radio{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.richmenu-size-radio__item{border:2px solid var(--border-soft);border-radius:12px;padding:14px;background:var(--surface);cursor:pointer;display:flex;gap:12px;align-items:flex-start;transition:border-color .18s ease,background .18s ease}.richmenu-size-radio__item input[type=radio]{margin-top:4px}.richmenu-size-radio__item--active{border-color:var(--accent, #16a34a);background:#f3faf6}.richmenu-size-radio__main{flex:1;display:flex;flex-direction:column;gap:6px}.richmenu-size-radio__title{font-size:15px;font-weight:700;color:var(--text-primary)}.richmenu-size-radio__desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.richmenu-size-radio__preview{display:flex;justify-content:center;padding-top:4px}.richmenu-size-preview{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:6px;box-shadow:0 2px 8px -4px #0003}.richmenu-size-preview--large{width:120px;height:80px}.richmenu-size-preview--compact{width:120px;height:40px}.richmenu-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft);cursor:pointer}.richmenu-toggle input[type=checkbox]{margin-top:4px}.richmenu-toggle__title{font-size:14px;font-weight:700;color:var(--text-primary)}.richmenu-toggle__desc{font-size:12px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.richmenu-preview-frame{max-width:100%;width:100%;background:var(--surface-soft);border:1px dashed var(--border-soft);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.richmenu-preview-frame__img{width:100%;height:100%;object-fit:contain;display:block}.richmenu-image-area-wrap{display:flex;flex-direction:column;gap:8px}.richmenu-image-area{position:relative;width:100%;background:var(--surface-soft);border:2px solid var(--border-soft);border-radius:10px;overflow:hidden;user-select:none}.richmenu-image-area__img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.richmenu-image-area__svg{position:absolute;inset:0;width:100%;height:100%}.richmenu-area-rect{fill:#16a34a2e;stroke:#16a34ad9;stroke-width:4;cursor:pointer;transition:fill .15s ease}.richmenu-area-rect:hover{fill:#16a34a47}.richmenu-area-rect--selected{fill:#16a34a59;stroke:#16a34a;stroke-width:6}.richmenu-area-label{fill:#fff;font-weight:800;paint-order:stroke;stroke:#0009;stroke-width:4}.richmenu-area-remove{cursor:pointer}.richmenu-area-remove__bg{fill:#ef4444}.richmenu-area-remove__x{fill:#fff;font-weight:800}.richmenu-drag-rect{position:absolute;border:2px dashed #16a34a;background:rgba(22,163,74,.12);pointer-events:none}.richmenu-area-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.richmenu-area-card{border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);padding:12px 14px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.richmenu-area-card:hover{border-color:var(--border-strong, var(--border-soft))}.richmenu-area-card--selected{border-color:var(--accent, #16a34a);box-shadow:0 0 0 3px #16a34a2e}.richmenu-area-card__head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.richmenu-area-card__num{background:var(--accent, #16a34a);color:#fff;border-radius:8px;padding:4px 10px;font-weight:800;font-size:13px}.richmenu-area-card__bounds{flex:1;font-size:12px;color:var(--text-secondary)}.richmenu-area-card__body{display:flex;flex-direction:column;gap:12px}.richmenu-action-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.richmenu-action-type-radio{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.richmenu-action-type-radio--active{border-color:var(--accent, #16a34a);background:#f3faf6;color:var(--text-primary);font-weight:700}.richmenu-modal__footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.richmenu-modal__footer-right{display:flex;gap:10px}.richmenu-applied-status{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;background:var(--surface-soft);border-radius:10px}.richmenu-applied-status__label{font-size:13px;color:var(--text-secondary);font-weight:600}.richmenu-applied-status__name{font-size:14px;color:var(--text-primary);font-weight:700}.richmenu-applied-status__none{font-size:13px;color:var(--text-secondary)}.richmenu-applied-actions{display:flex;gap:10px;flex-wrap:wrap}.richmenu-apply-modal{width:min(720px,96vw);max-height:92vh;display:flex;flex-direction:column}.richmenu-apply-list{display:flex;flex-direction:column;gap:10px}.richmenu-apply-item{display:flex;gap:14px;align-items:center;padding:12px;border:2px solid var(--border-soft);border-radius:12px;cursor:pointer;background:var(--surface);transition:border-color .15s ease,background .15s ease}.richmenu-apply-item--selected{border-color:var(--accent, #16a34a);background:#f3faf6}.richmenu-apply-item__thumb{width:120px;aspect-ratio:2500 / 1686;background:var(--surface-soft);border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.richmenu-apply-item__img{width:100%;height:100%;object-fit:cover}.richmenu-apply-item__meta{flex:1;display:flex;flex-direction:column;gap:3px}.richmenu-apply-item__name{font-size:14px;font-weight:700;color:var(--text-primary)}.richmenu-apply-item__sub{font-size:12px;color:var(--text-secondary)}.richmenu-apply-result-summary{padding:14px;border-radius:10px;font-weight:700;margin-bottom:14px}.richmenu-apply-result-summary--ok{background:#ecfdf5;color:#047857}.richmenu-apply-result-summary--ng{background:#fef2f2;color:#b91c1c}.richmenu-apply-result-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.richmenu-apply-result-item{padding:10px 12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface)}.richmenu-apply-result-item__head{display:flex;justify-content:space-between;align-items:center;gap:10px}.richmenu-apply-result-item__name{font-weight:700;color:var(--text-primary)}.richmenu-apply-result-item__badge{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:700}.richmenu-apply-result-item--ok .richmenu-apply-result-item__badge{background:#ecfdf5;color:#047857}.richmenu-apply-result-item--ng .richmenu-apply-result-item__badge{background:#fef2f2;color:#b91c1c}.richmenu-apply-result-item__error{margin-top:6px;font-size:12px;color:#b91c1c;word-break:break-all}.scenario-current{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:var(--surface-soft);border-radius:10px;margin-bottom:12px}.scenario-current__label{font-size:13px;color:var(--text-secondary);font-weight:600}.scenario-current__name{font-size:14px;color:var(--text-primary);font-weight:700;flex:1;min-width:0}.scenario-hint{margin-bottom:14px}.scenario-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;text-align:center;background-color:var(--surface-softest);border:2px dashed var(--border);border-radius:14px}.scenario-empty__title{font-size:15px;font-weight:700;color:var(--text-primary)}.scenario-empty__lead{font-size:13px;color:var(--text-secondary)}.scenario-list{display:flex;flex-direction:column;gap:12px}.scenario-card{border:2px solid var(--border);border-radius:14px;background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.scenario-card--active{border-color:var(--line-green);background:var(--surface-soft);box-shadow:0 0 0 3px #06c7551f}.scenario-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.scenario-card__name{font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scenario-card__active-badge{font-size:11px;padding:2px 10px;border-radius:999px;font-weight:700;background:var(--line-green);color:#fff}.scenario-card__meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.scenario-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.scenario-preview{margin-top:12px;padding:12px;background-color:#f7f8fa;border:1px solid var(--border-light);border-radius:10px;display:flex;flex-direction:column;gap:12px}.scenario-preview__loading,.scenario-preview__empty{color:var(--text-secondary);font-size:13px;text-align:center;padding:8px 0}.scenario-preview-step{display:flex;flex-direction:column;gap:6px}.scenario-preview-step__head{font-size:12px;font-weight:700;color:#06c755}.scenario-preview-step__msgs{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.scenario-preview-msg{display:inline-block;max-width:100%}.scenario-preview-msg--text{background:#dcf8c6;color:#1f1f1f;border-radius:12px;padding:8px 12px;font-size:14px;white-space:pre-wrap;word-break:break-word}.scenario-preview-msg--meta{color:var(--text-secondary);font-size:12px;background:#eef2f7;border-radius:6px;padding:2px 8px}.scenario-preview-msg__image{max-width:240px;max-height:180px;border-radius:8px;border:1px solid var(--border-light)}.scenario-preview-msg__video{max-width:280px;max-height:200px;border-radius:8px;border:1px solid var(--border-light)}.scenario-card__use-btn{flex:1 1 auto;min-width:180px;padding:12px 18px;font-size:14px;font-weight:700}.scenario-edit-modal{width:min(820px,96vw);max-height:92vh;display:flex;flex-direction:column}.scenario-edit-modal__notice{background:var(--surface-soft);border-radius:10px;padding:12px 14px;margin:12px 0 16px}.scenario-edit-modal__notice-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.scenario-edit-modal__notice-text{font-size:12px;color:var(--text-secondary);line-height:1.7}.scenario-step-list{display:flex;flex-direction:column;gap:14px}.scenario-step{border:2px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.scenario-step__header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"title . actions" "desc desc desc";align-items:center;gap:6px 12px;padding:12px 16px;background:var(--surface-softest);border-bottom:2px solid var(--border-light)}.scenario-step__title{grid-area:title;font-size:16px;font-weight:900;color:var(--line-green)}.scenario-step__desc{grid-area:desc;font-size:12px;color:var(--text-secondary)}.scenario-step__actions{grid-area:actions;display:flex;align-items:center;gap:6px}.scenario-step__body{padding:14px 16px}.scenario-step-add{display:flex;justify-content:center;margin-top:14px}.parent-detail-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.url-display-block{display:flex;align-items:center;gap:10px;padding:12px 14px;background-color:var(--surface-softest);border:2px dashed var(--border);border-radius:12px}.url-display-block__url{font-family:JetBrains Mono,Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:700;color:var(--text-primary);flex:1;overflow-x:auto;white-space:nowrap;user-select:all;min-width:0}.url-display-block__copy{flex-shrink:0;min-width:100px}.webhook-url-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.webhook-url-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background-color:var(--surface);border:1px solid var(--border-light);border-radius:12px}.webhook-url-row__head{display:flex;align-items:center;gap:10px}.webhook-url-row__basic-id{font-weight:700;font-size:13px;color:var(--text-primary)}.kpi-grid-4,.kpi-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card__sub{margin-top:4px;font-size:11px;color:var(--text-muted);font-weight:600}.account-detail-modal{width:min(640px,96vw);max-height:92vh;display:flex;flex-direction:column}.account-detail-modal__header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-detail-modal__fields{display:flex;flex-direction:column;gap:16px}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-field__label{font-size:12px;font-weight:900;color:var(--text-table-head)}.detail-field__value{font-family:JetBrains Mono,Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:700;color:var(--text-primary);padding:10px 12px;background-color:var(--surface-softest);border:2px dashed var(--border);border-radius:10px;overflow-x:auto;white-space:nowrap;user-select:all;min-width:0}.detail-field__value--textarea{width:100%;white-space:nowrap;resize:vertical;line-height:1.5}.detail-field__actions{display:flex;gap:8px;justify-content:flex-end}.detail-field--password .detail-field__value{letter-spacing:.08em}.chatroom-page{display:flex;flex-direction:column;flex:1;min-height:0}.app-shell:has(.chatroom-page){height:100vh;overflow:hidden}.app-shell:has(.chatroom-page) .main-area{min-height:0}.main-content:has(.chatroom-page){display:flex;flex-direction:column;overflow:hidden}.chatroom-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:16px;flex:1;min-height:0;overflow:hidden}.chatroom-layout>*{min-height:0}.chat-friend-list{display:flex;flex-direction:column;background-color:var(--surface);border:1px solid var(--border-light);border-radius:14px;overflow:hidden;min-height:0}.chat-friend-list__head{display:flex;flex-direction:column;gap:8px;padding:12px;border-bottom:1px solid var(--border-light);background-color:var(--surface-softest)}.chat-friend-list__search{width:100%}.chat-friend-list__filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.chat-friend-list__filter-label{flex-shrink:0;font-weight:700}.chat-friend-list__filter .select{flex:1;min-width:0}.chat-friend-list__body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;min-height:0}.chat-friend-list__empty{padding:24px 12px;text-align:center;color:var(--text-secondary);font-size:13px}.chat-friend-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;text-align:left;color:inherit;transition:background-color .15s,border-color .15s}.chat-friend-item:hover{background-color:var(--surface-softest)}.chat-friend-item.is-active{background-color:var(--line-green-soft);border-color:var(--line-green)}.chat-friend-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-friend-item__line1{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-friend-item__name{font-size:14px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-friend-item__time{font-size:11px;color:var(--text-secondary);flex-shrink:0}.chat-friend-item__line2{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-friend-item__line3{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.chat-friend-item__basic-id{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.chat-friend-item__blocked{flex-shrink:0}.chat-friend-item__unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#06c755;margin-right:6px;flex-shrink:0;vertical-align:middle}.chat-friend-list__tagbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.chat-friend-list__tagcount{background:#06c755;color:#fff;font-size:11px;font-weight:700;border-radius:999px;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 5px}.tag-filter__list{display:flex;flex-direction:column;gap:6px}.tag-filter__empty{color:var(--text-secondary);font-size:13px;text-align:center;padding:20px 0}.tag-filter-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;font-size:14px}.tag-filter-chip.is-selected{border-color:#06c755;background:#f1fbf4}.tag-filter-chip__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.chat-thread{display:flex;flex-direction:column;background-color:var(--surface);border:1px solid var(--border-light);border-radius:14px;overflow:hidden;min-height:0}.chat-thread__head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);background-color:var(--surface-softest);flex-shrink:0}.chat-thread__head-text{flex:1;min-width:0}.chat-thread__head-name{font-size:15px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread__head-meta{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.chat-thread__head-placeholder{color:var(--text-secondary);font-size:13px}.chat-thread__body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:8px;background-color:#f7f8fa;min-height:0}.chat-thread__empty{margin:auto;padding:40px 12px;text-align:center;color:var(--text-secondary);font-size:13px}.chat-thread__composer{border-top:1px solid var(--border-light);padding:12px;background-color:var(--surface);flex-shrink:0}.chat-day-sep{display:flex;justify-content:center;margin:12px 0 4px}.chat-day-sep span{font-size:11px;color:var(--text-secondary);background-color:#0000000f;padding:3px 12px;border-radius:12px}.chat-row{display:flex;align-items:flex-start;gap:8px;max-width:100%}.chat-row--in{justify-content:flex-start}.chat-row--out{justify-content:flex-end}.chat-row__avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;overflow:hidden;background-color:var(--surface-softest);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px;font-weight:800}.chat-row__avatar img{width:100%;height:100%;object-fit:cover}.chat-row__column{display:flex;flex-direction:column;max-width:min(70%,480px);min-width:0}.chat-row--in .chat-row__column{align-items:flex-start}.chat-row--out .chat-row__column{align-items:flex-end}.chat-bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap;max-width:100%}.chat-bubble--in{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-light);border-top-left-radius:4px}.chat-bubble--out{background-color:var(--line-green);color:#fff;border-top-right-radius:4px}.chat-bubble__text{display:inline}.chat-bubble__image{display:block;max-width:240px;max-height:240px;border-radius:8px}.chat-bubble__video{display:block;max-width:240px;border-radius:8px}.chat-bubble__audio{display:block;max-width:240px}.chat-bubble__media-link{display:inline-block}.chat-bubble__media-fallback,.chat-bubble__sticker,.chat-bubble__location,.chat-bubble__rich{font-style:italic;font-size:13px;opacity:.9}.chat-bubble__meta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:10px;color:var(--text-secondary)}.chat-bubble__time{line-height:1}.chat-bubble__delivery{background-color:#0000000f;padding:1px 6px;border-radius:8px;font-weight:700;color:var(--text-secondary)}.chat-composer{display:flex;flex-direction:column;gap:8px}.chat-composer--disabled{color:var(--text-secondary);text-align:center;padding:18px;font-size:13px}.chat-composer__error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca;padding:6px 10px;border-radius:8px;font-size:12px}.chat-composer__main{display:flex;flex-direction:column;gap:8px}.chat-composer__textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5;resize:vertical;min-height:60px;font-family:inherit}.chat-composer__textarea:focus{outline:none;border-color:var(--line-green);box-shadow:0 0 0 2px var(--line-green-soft)}.chat-composer__buttons{display:flex;align-items:center;gap:8px;justify-content:flex-end}.chat-composer__media{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:var(--surface-softest);border:1px dashed var(--border);border-radius:10px}.chat-composer__media-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;color:var(--text-primary)}.chat-composer__media-actions{display:flex;justify-content:flex-end;gap:8px}.chat-composer--blocked{color:#b91c1c;background-color:#fef2f2;border:1px dashed #fca5a5;border-radius:10px;padding:16px;text-align:center;font-weight:600;font-size:13px}.chat-schedule{border:1px solid #d6e9d6;background:#f4fbf4;border-radius:8px;padding:10px 12px;margin-bottom:8px}.chat-schedule__head{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;color:#1f7a3d;margin-bottom:8px}.chat-schedule__row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:8px}.chat-schedule__sel{width:auto;min-width:56px;padding:4px 6px}.chat-schedule__unit{font-size:13px;color:#444;margin-right:4px}.chat-schedule__check{display:flex;align-items:center;gap:6px;font-size:13px;color:#333;margin-bottom:10px;cursor:pointer}.chat-schedule__actions{display:flex;justify-content:flex-end}.chat-bubble--scheduled{background:#fff4e0;color:#7a4a00;border:1.5px dashed #f0a93b}.chat-bubble__sched-badge{font-size:11px;font-weight:700;color:#fff;background:#f0a93b;border-radius:4px;padding:1px 6px}.chat-bubble__sched-flag{font-size:11px;color:#b8860b;background:#fff7e0;border:1px solid #f0d9a0;border-radius:4px;padding:1px 6px}.chat-bubble__sched-cancel{font-size:11px;color:#c0392b;background:transparent;border:1px solid #e2b4ae;border-radius:4px;padding:1px 8px;cursor:pointer}.chat-bubble__sched-cancel:hover{background:#fbe9e7}.chat-detail-panel{background-color:var(--surface);border:1px solid var(--border-light);border-radius:14px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px;min-height:0}.chat-detail-panel--empty{align-items:center;justify-content:center}.chat-detail-panel__placeholder{color:var(--text-secondary);font-size:13px;text-align:center;padding:30px 8px}.chat-detail-panel__placeholder--error{color:#b91c1c}.chat-detail-panel__head{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.chat-detail-panel__head .avatar--lg{width:96px;height:96px}.chat-detail-panel__name{margin:0;font-size:18px;font-weight:900;color:var(--text-primary);text-align:center;word-break:break-word}.chat-detail-panel__blocked{margin-top:4px}.chat-detail-panel__section{display:flex;flex-direction:column;gap:6px}.chat-detail-panel__label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.chat-detail-panel__edit-btn{text-transform:none;letter-spacing:0}.chat-detail-panel__value{font-size:13px;color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.chat-detail-panel__user-id{display:flex;align-items:center;gap:6px}.chat-detail-panel__user-id-text{flex:1;min-width:0;font-family:JetBrains Mono,Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:var(--text-primary);background-color:var(--surface-softest);padding:6px 8px;border-radius:8px;overflow-x:auto;white-space:nowrap;user-select:all}.chat-detail-panel__row{display:grid;grid-template-columns:96px 1fr;gap:8px;font-size:12px}.chat-detail-panel__row-k{font-weight:700;color:var(--text-secondary)}.chat-detail-panel__row-v{color:var(--text-primary);word-break:break-word}.chat-detail-panel__muted{color:var(--text-secondary);font-size:12px}.chat-detail-panel__tags,.chat-detail-panel__tag-edit{display:flex;flex-wrap:wrap;gap:6px}.chat-detail-panel__tag-actions{width:100%;display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.chat-detail-panel__actions{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border-light)}.app-header__hamburger,.sidebar__close,.sidebar-overlay,.chat-thread__back{display:none}@media (max-width: 960px){.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;width:260px;max-width:80vw;height:100vh;transform:translate(-100%);transition:transform .25s ease;z-index:50;box-shadow:4px 0 24px #0000001a}.sidebar.is-open{transform:translate(0)}.sidebar__close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:36px;height:36px;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;border-radius:8px}.sidebar__close:hover{background-color:#0000000d}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;opacity:0;pointer-events:none;transition:opacity .25s ease;display:block}.app-shell.is-sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.app-header__hamburger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:0;color:var(--text-primary, #1f2937);cursor:pointer;border-radius:8px;margin-right:4px;flex-shrink:0}.app-header__hamburger:hover{background-color:#0000000d}.app-header{padding-left:8px;padding-right:12px}.app-header__user>span:not(.app-header__user-avatar){display:none}.main-content{padding:16px}.kpi-card{padding:10px 12px}.kpi-card__value{font-size:20px}.page-header__subtitle{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__body{padding:12px}.form-input{min-width:0}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table thead th,.table tbody td{padding:8px 10px;font-size:13px}.modal-overlay{padding:8px}.modal{max-width:100%;max-height:calc(100vh - 16px);border-radius:14px}.modal__header,.modal__footer{padding:14px 16px}.modal__body{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-header__actions{width:100%;flex-wrap:wrap}.friends-toolbar{flex-direction:column;align-items:stretch}.friends-toolbar>*{width:100%!important;max-width:100%!important}.friends-tag-filter{flex-wrap:wrap}.chatroom-layout{display:flex;flex-direction:column;gap:12px;overflow:visible}.chat-detail-panel{display:none}.chatroom-layout:not(.chatroom-layout--room-active) .chat-thread{display:none}.chatroom-layout.chatroom-layout--room-active .chat-friend-list{display:none}.chat-friend-list{min-height:50vh}.chat-thread{min-height:70vh}.chat-thread__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;border-radius:8px;margin-right:4px;flex-shrink:0}.chat-thread__back:hover{background-color:#0000000d}.push-card__body{padding:12px}.bulk-section__grid{grid-template-columns:1fr!important}.accounts-pick{flex-wrap:wrap}.app-header{align-items:center}}@media (min-width: 721px) and (max-width: 960px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}}