.dhome-page{flex-direction:column;gap:1.25rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.metric,.panel,.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.metric{padding:1rem}.metric span{color:#6b7280;font-size:.85rem;display:block}.metric strong{color:#111827;margin-top:.35rem;font-size:1.65rem;display:block}.panel{padding:1rem}.panel h2{color:#111827;margin-bottom:.9rem;font-size:1rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:.8rem;display:grid}.field{color:#374151;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;min-height:40px;padding:.55rem .7rem}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23111827' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.7rem}.input:focus{border-color:#2563eb;outline:2px solid #2563eb1f}.user-role-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem;display:flex;overflow-x:auto}.user-role-tabs__item{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:.5rem;min-height:38px;padding:.45rem .7rem;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.user-role-tabs__item:hover{color:#111827;background:#f3f4f6}.user-role-tabs__item--active{color:#0369a1;background:#e0f2fe}.user-role-tabs__item strong{color:inherit;background:#ffffffc7;border:1px solid #0369a124;border-radius:999px;justify-content:center;align-items:center;min-width:24px;padding:.12rem .45rem;font-size:.75rem;display:inline-flex}.users-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.users-toolbar h2{color:#111827;margin:0 0 .2rem;font-size:1rem}.users-toolbar span{color:#6b7280;font-size:.85rem}.check{color:#374151;align-items:center;gap:.5rem;min-height:40px;display:flex}.button{color:#111827;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:7px;justify-content:center;align-items:center;gap:.45rem;min-height:36px;padding:.45rem .75rem;display:inline-flex}.button--primary{color:#fff;background:#2563eb;border-color:#2563eb;min-height:40px;font-weight:700}.table-wrap{position:relative;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{color:#374151;text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.75rem;font-size:.88rem}.data-table th{color:#4b5563;text-transform:uppercase;background:#f9fafb;font-size:.78rem;font-weight:750}.empty-state{color:#6b7280;text-align:center;justify-content:center;align-items:center;font-size:.9rem;display:flex}.table-wrap--empty{overflow:hidden}.data-table__empty-row{height:54px}.data-table__empty-row td{padding:0}.data-table__empty-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:42px 0 0}.notice{color:#6b7280;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem}.notice--error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.resource-loading{display:block}.resource-loading~.stat-grid,.resource-loading~.table-wrap,.resource-loading~.panel{display:none}.page-skeleton{flex-direction:column;gap:1.25rem;display:flex}.metric--skeleton{flex-direction:column;gap:.35rem;min-height:92px;display:flex}.panel--skeleton{flex-direction:column;gap:.9rem;display:flex}.resource-loading .table-skeleton,.page-skeleton--dashboard .table-skeleton,.page-skeleton--users .table-skeleton{box-shadow:none;border:1px solid #e5e7eb}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content--small{max-width:400px}.modal-content--service{max-width:680px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.75rem;line-height:1;transition:all .15s;display:flex}.modal-close:hover{color:#111827;background:#f3f4f6}.modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.tier-editor{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.75rem;padding:.85rem;display:flex}.tier-editor__header,.tier-editor__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) 64px;align-items:center;gap:.55rem;display:grid}.tier-editor__header{color:#6b7280;text-transform:uppercase;font-size:.75rem;font-weight:700}.tier-editor__above{color:#374151;background:#f9fafb;border:1px solid #d1d5db;border-radius:7px;align-items:center;min-height:40px;padding:.55rem .7rem;display:flex}.tier-editor__remove{width:64px}.tier-editor__add{align-self:flex-start}.button--secondary{color:#374151;background:#fff;border-color:#d1d5db}.button--secondary:hover{background:#f9fafb}.button--danger{color:#fff;background:#dc2626;border-color:#dc2626;font-weight:600}.button--danger:hover{background:#b91c1c;border-color:#b91c1c}.button--small{min-height:32px;padding:.35rem .65rem;font-size:.85rem}.button--ocr{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;font-weight:600}.button--ocr:hover{background:#dbeafe;border-color:#93c5fd}.button:disabled{opacity:.55;cursor:not-allowed}.input:disabled,.input[readonly]{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.action-buttons{gap:.5rem;display:flex}.table-actions{justify-content:flex-end;gap:.5rem;display:flex}.status-badge{border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.status-badge--active{color:#065f46;background:#d1fae5}.status-badge--inactive{color:#991b1b;background:#fee2e2}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.subscriptions-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.subscriptions-search{flex:1;max-width:400px;position:relative}.subscriptions-search__icon{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.subscriptions-search__input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:42px;padding:.6rem 2.5rem;font-size:.9rem;transition:all .2s}.subscriptions-search__input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.subscriptions-search__input::placeholder{color:#9ca3af}.subscriptions-search__clear{color:#4b5563;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.1rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.subscriptions-search__clear:hover{color:#111827;background:#d1d5db}.users-toolbar-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:1rem;margin-bottom:1rem;padding:.35rem;display:flex}.users-toolbar-row .user-role-tabs{background:0 0;border:none;border-radius:0;flex:1;margin:0;padding:0}.users-search{flex-shrink:0;width:280px;position:relative}.users-search__icon{color:#9ca3af;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.users-search__input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:100%;min-height:36px;padding:.45rem 2rem .45rem 2.25rem;font-size:.85rem;transition:all .2s}.users-search__input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.users-search__input::placeholder{color:#9ca3af}.users-search__clear{color:#4b5563;cursor:pointer;background:#d1d5db;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.9rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.users-search__clear:hover{color:#fff;background:#9ca3af}@media (width<=760px){.form-grid{grid-template-columns:1fr}.modal-content{max-width:100%;margin:0}.tier-editor__header{display:none}.tier-editor__row{grid-template-columns:1fr}.tier-editor__remove{width:100%}.action-buttons{flex-direction:column}.users-toolbar,.users-toolbar-row{flex-direction:column;align-items:stretch}.users-toolbar-row .user-role-tabs{flex-wrap:wrap}.users-search{width:100%}.subscriptions-toolbar{flex-direction:column;align-items:stretch}.subscriptions-search{max-width:100%}.sub-page__grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.sub-card--popular{transform:none}}.sub-page__header{text-align:center;margin-bottom:2rem}.sub-page__title{color:#111827;margin-bottom:.35rem;font-size:1.65rem;font-weight:800}.sub-page__subtitle{color:#6b7280;font-size:.95rem}.sub-page__grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.25rem;display:grid}.sub-card{background:#f0f2f5;border:1.5px solid #e2e5ea;border-radius:14px;flex-direction:column;padding:1.75rem 1.5rem;transition:all .3s;display:flex;position:relative}.sub-card:hover{border-color:#d0d4da;transform:translateY(-4px);box-shadow:0 12px 28px #00000012}.sub-card--popular{z-index:2;border-color:#0f766e;transform:scale(1.02);box-shadow:0 6px 24px #0f766e1a}.sub-card--popular:hover{transform:scale(1.02)translateY(-4px);box-shadow:0 16px 36px #0f766e24}.sub-card__badge{color:#fff;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:999px;padding:.3rem 1rem;font-size:.68rem;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0f766e4d}.sub-card__header{text-align:center;border-bottom:1px solid #0000000f;margin-bottom:1.5rem;padding-bottom:1.5rem}.sub-card__name{color:#111827;margin-bottom:.3rem;font-size:1.2rem;font-weight:800}.sub-card__description{color:#6b7280;margin-bottom:1rem;font-size:.82rem;line-height:1.45}.sub-card__price{justify-content:center;align-items:baseline;gap:.15rem;display:flex}.sub-card__amount{color:#111827;letter-spacing:-.02em;font-size:2.4rem;font-weight:900;line-height:1}.sub-card--popular .sub-card__amount{background:linear-gradient(135deg,#0f766e,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sub-card__period{color:#6b7280;font-size:.9rem;font-weight:500}.sub-card__features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none}.sub-card__feature{color:#6b7280;align-items:flex-start;gap:.6rem;padding:.5rem 0;font-size:.85rem;line-height:1.4;display:flex}.sub-card__feature-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.65rem;font-weight:800;display:flex}.sub-card__feature--included .sub-card__feature-icon{color:#0f766e;background:#0f766e1a}.sub-card__feature--excluded{opacity:.35}.sub-card__feature--excluded .sub-card__feature-icon{color:#6b7280;background:#64748b1a}.sub-card__cta{width:100%;margin-top:auto}