*{margin:0;padding:0;box-sizing:border-box}
    body{font-family:'Inter',system-ui,sans-serif;background:#F1F5F9;height:100vh;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}
body::-webkit-scrollbar{display:none}
    .login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#7C3FA0 0%,#4A1D6E 100%)}
    .login-box{background:#fff;padding:40px;border-radius:32px;width:100%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,0.2)}
    .login-box h2{color:#0F172A;margin-bottom:8px;font-size:24px}
    .login-box p{color:#64748B;margin-bottom:28px}
    .login-input{width:100%;padding:14px 16px;border:1.5px solid #E2E8F0;border-radius:16px;font-size:14px;font-family:inherit;margin-bottom:14px}
    .login-input:focus{outline:none;border-color:#7C3FA0;box-shadow:0 0 0 3px rgba(124,63,160,0.1)}
    .login-btn{width:100%;background:#7C3FA0;color:#fff;border:none;padding:14px;border-radius:16px;font-weight:700;font-size:16px;cursor:pointer}
    .login-btn:hover{background:#6B2F8E;transform:translateY(-1px)}
    .login-error{color:#DC2626;text-align:center;margin-top:16px;font-size:13px}
    .dashboard-container{display:none;height:100vh;overflow:hidden;position:relative}
    .sidebar{position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,#1E1B2E 0%,#0F0A1A 100%);color:#fff;display:flex;flex-direction:column;z-index:100;transition:width .3s ease;overflow-x:hidden;box-shadow:2px 0 10px rgba(0,0,0,0.1)}
    .sidebar.expanded{width:260px}.sidebar.collapsed{width:70px}
    .sidebar-toggle{background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:20px;cursor:pointer;padding:16px;margin-bottom:8px;width:100%}
    .sidebar-logo{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:24px;white-space:nowrap}
    .sidebar.expanded .sidebar-logo h2{display:block;font-size:20px;font-weight:800}
    .sidebar.collapsed .sidebar-logo h2{display:none}
    .sidebar-logo p{font-size:10px;color:rgba(255,255,255,0.5);margin-top:4px}
    .sidebar.collapsed .sidebar-logo p{display:none}
    .sidebar-menu{flex:1;padding:0 12px}
    .sidebar-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;margin-bottom:4px;cursor:pointer;color:rgba(255,255,255,0.7);white-space:nowrap}
    .sidebar-item:hover{background:rgba(255,255,255,0.08);color:#fff}
    .sidebar-item.active{background:rgba(124,63,160,0.3);color:#fff;border-left:3px solid #9B4DC8}
    .sidebar-item span:first-child{font-size:20px;min-width:24px}
    .sidebar.collapsed .sidebar-item span:last-child{display:none}
    .sidebar-footer{padding:20px 12px;border-top:1px solid rgba(255,255,255,0.1);margin-top:auto}
    .logout-sidebar{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;color:rgba(255,255,255,0.7)}
    .logout-sidebar:hover{background:rgba(220,38,38,0.2);color:#FCA5A5}
    .sidebar.collapsed .logout-sidebar span:last-child{display:none}
  .main-content{transition:margin-left .3s ease;height:100vh;overflow-y:auto;padding:20px 28px;box-sizing:border-box;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
.main-content::-webkit-scrollbar{display:none}
    .sidebar.expanded~.main-content{margin-left:260px}
    .sidebar.collapsed~.main-content{margin-left:70px}
    .content-header{margin-bottom:24px}
    .content-header h1{font-size:24px;font-weight:800;color:#0F172A;letter-spacing:-0.5px}
    .content-header p{color:#64748B;margin-top:4px;font-size:13px}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
    @media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:600px){.stats-grid{grid-template-columns:1fr}}
    .stat-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,0.05);border:1px solid #E2E8F0}
    .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
    .stat-icon{font-size:24px;margin-bottom:8px}
    .stat-number{font-size:28px;font-weight:800;color:#0F172A}
    .stat-label{font-size:12px;color:#64748B;font-weight:500;margin-top:4px}
    .card-users .stat-number{color:#3B82F6}
    .card-premium .stat-number{color:#F59E0B}
    .card-free .stat-number{color:#64748B}
    .card-conversion .stat-number{color:#10B981}
    .card-total .stat-number{color:#7C3FA0}
    .card-most .stat-number{color:#F97316;font-size:14px;font-weight:700}
    .card-month .stat-number{color:#06B6D4}
    .card-active .stat-number{color:#22C55E}
    .section{background:#fff;border-radius:20px;padding:20px;margin-bottom:24px;border:1px solid #E2E8F0}
    .section-title{font-size:14px;font-weight:800;color:#0F172A;margin-bottom:16px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}
    .search-box{margin-bottom:20px}
    .search-input{width:100%;max-width:320px;padding:10px 14px;border:1.5px solid #E2E8F0;border-radius:12px;font-size:13px;font-family:inherit}
    .search-input:focus{outline:none;border-color:#7C3FA0}
    .table-wrapper{overflow-x:auto}
    table{width:100%;border-collapse:collapse;font-size:13px}
    th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #F1F5F9}
    th{color:#64748B;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}
    th:hover{color:#7C3FA0}
    td{color:#0F172A}
    tr:hover{background:#F8FAFC}
    .badge-premium{background:#FEF3C7;color:#D97706;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block}
    .badge-free{background:#F1F5F9;color:#64748B;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block}
    .ranking-item{margin-bottom:14px}
    .ranking-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;flex-wrap:wrap;gap:6px}
    .ranking-name{font-weight:700;font-size:13px;color:#0F172A}
    .ranking-stats{font-size:11px;color:#64748B}
    .ranking-bar{height:6px;background:#E2E8F0;border-radius:3px;overflow:hidden}
    .ranking-fill{height:100%;border-radius:3px;transition:width .3s}
    .fill-hot{background:#F97316}
    .fill-popular{background:#F59E0B}
    .fill-normal{background:#10B981}
    .fill-low{background:#EF4444}
    .ranking-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:6px}
    .badge-hot{background:#FEF2F2;color:#DC2626}
    .badge-popular{background:#FEF3C7;color:#D97706}
    .badge-normal{background:#ECFDF5;color:#059669}
    .badge-low{background:#FEF2F2;color:#DC2626}
    .pagination{display:flex;justify-content:center;gap:6px;margin-top:20px;flex-wrap:wrap}
    .page-btn{background:#fff;border:1px solid #E2E8F0;padding:6px 12px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:500;font-size:12px}
    .page-btn:hover{background:#F1F5F9;border-color:#CBD5E1}
    .page-btn.active{background:#7C3FA0;color:#fff;border-color:#7C3FA0}
    .page-btn:disabled{opacity:.5;cursor:not-allowed}
    .export-buttons{display:flex;gap:10px;flex-wrap:wrap}
    .export-btn{background:#F1F5F9;border:1px solid #E2E8F0;padding:10px 18px;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:6px}
    .export-btn:hover{background:#E2E8F0}
    .refresh-btn{background:#7C3FA0;color:#fff;border:none}
    .refresh-btn:hover{background:#6B2F8E}
    .alert-card{background:#FEF2F2;border:1px solid #FECACA;border-radius:16px;padding:14px;margin-top:16px}
    .alert-title{font-weight:700;font-size:13px;color:#DC2626;margin-bottom:6px}
    .graficos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}
    @media(max-width:900px){.graficos-grid{grid-template-columns:1fr}}
    canvas{max-height:250px;width:100%}
    .landing-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}
    @media(max-width:1000px){.landing-stats-grid{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:600px){.landing-stats-grid{grid-template-columns:repeat(2,1fr)}}
    .click-chart{background:#F8FAFC;border-radius:12px;padding:16px;margin-bottom:16px}
    .click-bar{display:flex;align-items:center;gap:12px;margin-bottom:10px}
    .click-bar-label{width:180px;font-size:12px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .click-bar-fill{flex:1;height:28px;background:#E2E8F0;border-radius:8px;overflow:hidden}
    .click-bar-progress{height:100%;background:linear-gradient(90deg,#7C3FA0,#9B4DC8);border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-size:11px;font-weight:700}
    .insight-card{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:16px;padding:14px;margin-top:16px}
    .insight-title{font-weight:800;font-size:13px;color:#166534;margin-bottom:8px}
    .insight-text{font-size:12px;color:#14532D;line-height:1.5}
    .warning-card{background:#FEF3C7;border:1px solid #FDE68A;border-radius:16px;padding:14px;margin-top:16px}
    .warning-title{font-weight:800;font-size:13px;color:#92400E;margin-bottom:8px}
    @keyframes fadeInOutAdmin{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:200;opacity:0;pointer-events:none;transition:opacity 0.25s}
    .drawer-overlay.open{opacity:1;pointer-events:all}
    .drawer{position:fixed;top:0;right:0;width:420px;max-width:95vw;height:100vh;background:#fff;z-index:201;transform:translateX(100%);transition:transform 0.3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-8px 0 32px rgba(0,0,0,0.12)}
    .drawer.open{transform:translateX(0)}
    .drawer-header{padding:24px 24px 16px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}
    .drawer-title{font-size:16px;font-weight:800;color:#0F172A}
    .drawer-close{background:none;border:none;font-size:20px;cursor:pointer;color:#64748B;padding:4px 8px;border-radius:8px}
    .drawer-close:hover{background:#F1F5F9}
    .drawer-body{padding:20px 24px}
    .drawer-section{margin-bottom:20px}
    .drawer-section-title{font-size:11px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
    .drawer-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #F8FAFC;font-size:13px}
    .drawer-info-label{color:#64748B}
    .drawer-info-value{color:#0F172A;font-weight:600;text-align:right;max-width:60%}
    .drawer-action-btn{width:100%;padding:12px;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:10px;transition:opacity 0.2s}
    .drawer-action-btn:hover{opacity:0.85}
    .drawer-action-btn:disabled{opacity:0.5;cursor:not-allowed}
    .btn-ativar{background:#7C3FA0;color:#fff}
    .btn-trial{background:#F59E0B;color:#fff}
    .btn-remover{background:#EF4444;color:#fff}
    .dias-input{width:70px;padding:8px 10px;border:1.5px solid #E2E8F0;border-radius:8px;font-size:13px;font-weight:600;text-align:center}
    .dias-input:focus{outline:none;border-color:#7C3FA0}
    .drawer-feedback{font-size:12px;font-weight:600;text-align:center;padding:8px;border-radius:8px;margin-top:8px;display:none}
    .drawer-feedback.ok{background:#DCFCE7;color:#166534;display:block}
    .drawer-feedback.err{background:#FEE2E2;color:#991B1B;display:block}
    tr.usuario-row{cursor:pointer}
    tr.usuario-row:hover{background:#F5EEFB !important}
.content-note{background:#F8FAFC;border:1px solid #E2E8F0;border-left:4px solid #7C3FA0;border-radius:16px;padding:14px 16px;margin-bottom:18px;color:#475569;font-size:13px;line-height:1.5}
.content-editor-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.content-editor-list,.content-editor-main{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:16px}
.content-editor-list{position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:12px}
.content-editor-tabs{display:grid;grid-template-columns:1fr;gap:8px}
.content-editor-tabs button{border:1px solid #E2E8F0;background:#F8FAFC;border-radius:12px;padding:10px 8px;font-size:12px;font-weight:800;color:#64748B;cursor:pointer}
.content-editor-tabs button.active{background:#F5EEFB;border-color:#C084FC;color:#7C3FA0}
.content-editor-tabs span{display:inline-flex;margin-left:4px;background:rgba(124,63,160,0.1);color:#7C3FA0;border-radius:999px;padding:1px 6px;font-size:10px}
.content-search-input{width:100%;border:1.5px solid #E2E8F0;border-radius:12px;padding:11px 12px;font-size:13px;font-family:inherit}
.content-search-input:focus{outline:none;border-color:#7C3FA0}
.content-new-btn{border:none;background:#7C3FA0;color:#fff;border-radius:12px;padding:11px 12px;font-size:13px;font-weight:800;cursor:pointer}
.content-item-list{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:2px;scrollbar-width:none}
.content-item-list::-webkit-scrollbar{display:none}
.content-item{width:100%;text-align:left;border:1px solid #E2E8F0;background:#fff;border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:3px;cursor:pointer}
.content-item:hover{border-color:#C084FC;background:#FBF7FE}
.content-item.active{border-color:#7C3FA0;background:#F5EEFB}
.content-item.orphan{border-color:#FDE68A;background:#FFFBEB}
.content-item.orphan.active{border-color:#F59E0B;background:#FFF7ED}
.content-item strong{font-size:13px;color:#0F172A;line-height:1.25}
.content-orphan-badge{display:inline-flex;margin-left:6px;vertical-align:1px;background:#FEF3C7;color:#92400E;border:1px solid #FDE68A;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.content-item small{font-size:10px;color:#7C3FA0;font-weight:800}
.content-item span{font-size:11px;color:#64748B;line-height:1.3}
.content-item em{font-style:normal;font-size:10px;color:#94A3B8}
.content-tree-category{border:1px solid #E2E8F0;border-radius:14px;background:#fff;overflow:hidden}
.content-tree-category+ .content-tree-category{margin-top:8px}
.content-tree-category summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;cursor:pointer;background:#F8FAFC;color:#0F172A;font-size:13px;font-weight:900;list-style:none}
.content-tree-category summary::-webkit-details-marker{display:none}
.content-tree-category summary b{font-size:10px;color:#7C3FA0;background:#F5EEFB;border:1px solid #E9D5FF;border-radius:999px;padding:2px 7px}
.content-tree-category.orphan summary{background:#FFFBEB;color:#92400E}
.content-tree-situation{padding:10px;border-top:1px solid #F1F5F9}
.content-tree-situation-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.content-tree-situation-title span{color:#94A3B8}
.content-tree-protocols{display:flex;flex-direction:column;gap:7px}
.content-tree-protocols .content-item{padding:10px;border-radius:12px}
.content-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.content-editor-title{font-size:18px;font-weight:900;color:#0F172A}
.content-editor-sub{font-size:12px;color:#64748B;margin-top:2px}
.content-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.content-editor-actions button{border:1px solid #E2E8F0;background:#F8FAFC;color:#475569;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer}
.content-editor-actions button:hover{border-color:#7C3FA0;color:#7C3FA0}
.content-editor-main.live-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:16px;align-items:start;background:transparent;border:none;padding:0}
.content-live-form-panel,.content-live-phone-panel{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:16px;min-width:0}
.content-live-form-panel{display:flex;flex-direction:column;gap:12px}
.content-inline-form{display:flex;flex-direction:column;gap:12px}
.content-inline-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:850;color:#334155}
.content-inline-form small{font-size:11px;font-weight:600;color:#94A3B8}
.content-inline-form input,.content-inline-form textarea,.content-inline-form select{width:100%;border:1.5px solid #E2E8F0;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:13px;color:#0F172A;background:#F8FAFC}
.content-inline-form textarea{min-height:88px;line-height:1.45;resize:vertical}
.content-inline-form select[multiple]{min-height:128px}
.content-inline-form input:focus,.content-inline-form textarea:focus,.content-inline-form select:focus{outline:none;border-color:#7C3FA0;box-shadow:0 0 0 3px rgba(124,63,160,.08)}
.content-modal-row.two{grid-template-columns:1fr 1fr}
.content-repeat-group{border:1px solid #E2E8F0;background:#F8FAFC;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}
.content-repeat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.content-repeat-head span{font-size:12px;font-weight:900;color:#334155;text-transform:uppercase;letter-spacing:.04em}
.content-repeat-head button{border:none;background:#F5EEFB;color:#7C3FA0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer}
.content-repeat-list{display:flex;flex-direction:column;gap:8px}
.content-repeat-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center}
.content-repeat-row.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px}
.content-repeat-row button{width:34px;height:34px;border:1px solid #E2E8F0;background:#fff;color:#94A3B8;border-radius:10px;font-size:18px;line-height:1;cursor:pointer}
.content-repeat-row button:hover{border-color:#FCA5A5;color:#DC2626;background:#FEF2F2}
.content-phone-frame{position:sticky;top:20px;max-width:430px;margin:0 auto;background:#E2E8F0;border:1px solid #CBD5E1;border-radius:32px;padding:12px;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.content-phone-speaker{width:74px;height:5px;border-radius:999px;background:#CBD5E1;margin:0 auto 10px}
.content-phone-preview.light{min-height:620px;background:#F1F5F9;color:#0F172A;border-radius:24px;padding:0;box-shadow:none;overflow:hidden}
.content-phone-preview.light .app-preview-kind{background:#F5EEFB;color:#7C3FA0;border-color:#E9D5FF}
.content-phone-preview.light h2{color:#0F172A}
.content-phone-preview.light .app-preview-meta span{background:#fff;border-color:#E2E8F0;color:#64748B}
.content-phone-preview.light .app-preview-section{background:#fff;border:1px solid #E2E8F0;color:#0F172A}
.content-phone-preview.light .app-preview-section.primary{background:#F5EEFB;border-color:#E9D5FF}
.content-phone-preview.light .app-preview-section.alert{background:#FFFBEB;border-color:#FDE68A}
.content-phone-preview.light .app-preview-section.panic{background:#FEF2F2;border-color:#FECACA}
.content-phone-preview.light .app-preview-section strong{color:#7C3FA0}
.content-phone-preview.light .app-preview-section p,.content-phone-preview.light .app-preview-section li{color:#0F172A}
.content-phone-preview.light .app-preview-pairs div,.content-phone-preview.light .app-preview-links button{background:#F8FAFC;border-color:#E2E8F0;color:#0F172A}
.content-phone-preview.light .app-preview-pairs b{color:#0F172A}
.content-phone-preview.light .app-preview-pairs span,.content-phone-preview.light .app-preview-links span{color:#64748B}
.content-advanced-code{border:1px solid #E2E8F0;border-radius:14px;background:#F8FAFC;overflow:hidden}
.content-advanced-code summary{padding:12px 14px;cursor:pointer;font-size:12px;font-weight:900;color:#475569}
#content-inline-code{white-space:pre-wrap;word-break:break-word;background:#0F172A;color:#E2E8F0;margin:0;padding:12px;font-size:11px;line-height:1.45;max-height:190px;overflow:auto}
.admin-app-preview{min-height:620px;background:#F1F5F9}
.admin-app-topbar{background:radial-gradient(circle at 50% -18%,rgba(124,63,160,0.055),transparent 58%),linear-gradient(180deg,#FFFEFC 0%,#F9FAFC 100%);border-bottom:1px solid rgba(226,232,240,.82);border-radius:0 0 26px 26px;box-shadow:0 14px 28px rgba(15,23,42,.12);padding:24px 16px 22px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;align-items:center}
.admin-app-topbar small{display:block;color:#94A3B8;font-size:10px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-app-topbar h2{font-size:17px;line-height:1.2;color:#0F172A;margin:0}
.admin-app-back,.admin-app-star{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7C3FA0;font-size:19px}
.admin-app-star{color:#CBD5E1;font-size:28px}
.admin-app-body{padding:14px 14px 22px}
.admin-app-list-context{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:12px;margin-bottom:12px}
.admin-app-list-context span{display:block;font-size:10px;font-weight:900;color:#94A3B8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.admin-app-list-context button{width:100%;border:1px solid #E2E8F0;background:#fff;border-radius:14px;padding:12px;text-align:left;color:#0F172A;font-size:13px;font-weight:800}
.admin-app-status{display:flex;align-items:center;gap:8px;border-radius:14px;padding:10px 12px;margin-bottom:12px;font-size:12px;font-weight:850}
.admin-app-status.free{background:#DCFCE7;color:#166534;border:1px solid #BBF7D0}
.admin-app-status.premium{background:#FEF3C7;color:#92400E;border:1px solid #FDE68A}
.admin-app-premium-lock{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:13px;margin-bottom:12px}
.admin-app-premium-lock strong{display:block;color:#92400E;font-size:13px;margin-bottom:4px}
.admin-app-premium-lock p{color:#B45309;font-size:12px;line-height:1.45;margin:0}
.admin-clinical-note{display:flex;gap:9px;background:#F0FDF4;border:1px solid #BBF7D0;color:#166534;border-radius:14px;padding:12px;margin-bottom:16px;font-size:12px;line-height:1.45}
.admin-clinical-note i{font-size:16px;flex-shrink:0;margin-top:1px}
.admin-app-section{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:14px;margin-bottom:14px}
.admin-app-section.danger{border-color:#FECACA;background:#FEF2F2}
.admin-app-section-title{display:flex;align-items:center;gap:7px;color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.admin-step-list{display:flex;flex-direction:column;gap:10px}
.admin-step-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start}
.admin-step-row span{width:22px;height:22px;border-radius:6px;background:#0F172A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
.admin-step-row p,.admin-warning-list p,.admin-decision-list p{margin:0;color:#0F172A;font-size:13px;line-height:1.5}
.admin-warning-list,.admin-decision-list{display:flex;flex-direction:column;gap:8px}
.admin-warning-list div{display:flex;gap:8px;background:#fff;border:1px solid #FECACA;border-radius:12px;padding:10px}
.admin-warning-list i{color:#DC2626;margin-top:2px}
.admin-decision-list div{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:10px}
.admin-decision-list b{display:block;color:#7C3FA0;font-size:12px;margin-bottom:4px}
.content-editor-empty{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%)}
.content-editor-kicker{display:inline-flex;border:1px solid #E9D5FF;background:#F5EEFB;color:#7C3FA0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.content-editor-empty h2{font-size:24px;line-height:1.15;color:#0F172A;max-width:560px}
.content-editor-empty p{font-size:14px;line-height:1.55;color:#64748B;max-width:620px}
.content-editor-empty-actions{display:flex;gap:10px;flex-wrap:wrap}
.content-editor-empty-actions button{border:none;background:#7C3FA0;color:#fff;border-radius:13px;padding:12px 16px;font-size:13px;font-weight:850;cursor:pointer}
.content-editor-empty-note{border:1px dashed #CBD5E1;border-radius:16px;background:#fff;padding:13px 14px;color:#64748B;font-size:13px;line-height:1.45;max-width:620px}
.content-orphan-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #FDE68A;background:#FFFBEB;border-radius:16px;padding:13px 14px;margin-bottom:12px}
.content-orphan-panel strong{display:block;color:#92400E;font-size:13px;margin-bottom:3px}
.content-orphan-panel span{display:block;color:#B45309;font-size:12px;line-height:1.35}
.content-orphan-panel select{border:1px solid #F59E0B;background:#fff;border-radius:12px;padding:9px 10px;color:#92400E;font-size:12px;font-weight:800;font-family:inherit;min-width:190px}
.content-json-editor{width:100%;min-height:420px;border:1.5px solid #E2E8F0;border-radius:16px;padding:14px;font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1.55;color:#0F172A;background:#F8FAFC;resize:vertical}
.content-json-editor:focus{outline:none;border-color:#7C3FA0;box-shadow:0 0 0 3px rgba(124,63,160,0.08)}
.content-editor-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.content-editor-panels>div,.content-code-panel{border:1px solid #E2E8F0;border-radius:16px;padding:14px;background:#fff}
.content-editor-panels h3,.content-code-panel h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748B;margin-bottom:10px}
.content-validation-ok,.content-validation-error,.content-validation-warning{border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45;margin-bottom:8px}
.content-validation-ok{background:#ECFDF5;color:#166534;border:1px solid #BBF7D0}
.content-validation-error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}
.content-validation-warning{background:#FFFBEB;color:#92400E;border:1px solid #FDE68A}
.content-preview-empty{border:1px dashed #CBD5E1;border-radius:14px;padding:18px;color:#94A3B8;font-size:13px;text-align:center}
.content-preview-card{border:1px solid #E2E8F0;border-radius:16px;padding:16px;background:#F8FAFC}
.content-preview-kicker{display:inline-flex;background:#F5EEFB;color:#7C3FA0;border:1px solid #E9D5FF;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:900;margin-bottom:10px}
.content-preview-card h3{font-size:18px;color:#0F172A;margin-bottom:6px}
.content-preview-card p{font-size:13px;color:#64748B;line-height:1.45;margin-bottom:12px}
.content-preview-block{border-top:1px solid #E2E8F0;padding-top:10px;display:flex;flex-direction:column;gap:5px;font-size:13px;color:#475569}
.content-preview-block strong{color:#0F172A}
.content-preview-grid{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.content-preview-grid span{background:#fff;border:1px solid #E2E8F0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;color:#64748B}
.content-code-panel{margin-top:14px}
.content-code-panel pre{white-space:pre-wrap;word-break:break-word;background:#0F172A;color:#E2E8F0;border-radius:14px;padding:14px;font-size:12px;line-height:1.5;max-height:300px;overflow:auto}
@media(max-width:1200px){.content-editor-main.live-editor{grid-template-columns:1fr}.content-phone-frame{position:static}}
@media(max-width:1100px){.content-editor-shell{grid-template-columns:1fr}.content-editor-list{position:static;max-height:none}.content-editor-panels{grid-template-columns:1fr}}
.content-modal-layer{position:fixed;inset:0;z-index:500;display:none}
.content-modal-layer.open{display:block}
.content-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}
.content-modal{position:absolute;inset:24px;max-width:1180px;margin:auto;background:#F1F5F9;border-radius:26px;border:1px solid #CBD5E1;box-shadow:0 30px 80px rgba(15,23,42,.28);overflow:hidden;display:flex;flex-direction:column}
.content-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#fff;border-bottom:1px solid #E2E8F0}
.content-modal-header span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#7C3FA0;margin-bottom:3px}
.content-modal-header h2{font-size:20px;color:#0F172A;line-height:1.2}
.content-modal-header button{width:36px;height:36px;border-radius:50%;border:1px solid #E2E8F0;background:#F8FAFC;color:#64748B;font-size:20px;cursor:pointer}
.content-modal-grid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;padding:18px;overflow:hidden;min-height:0}
.content-modal-preview,.content-modal-form{min-height:0;overflow:auto;scrollbar-width:none}
.content-modal-preview::-webkit-scrollbar,.content-modal-form::-webkit-scrollbar{display:none}
.content-phone-preview{max-width:430px;min-height:100%;margin:0 auto;background:#0F172A;color:#E2E8F0;border-radius:28px;padding:18px;box-shadow:0 18px 45px rgba(15,23,42,.22)}
.app-preview-kind{display:inline-flex;background:rgba(124,63,160,.36);color:#E9D5FF;border:1px solid rgba(216,180,254,.25);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900;margin-bottom:12px}
.content-phone-preview h2{font-size:23px;line-height:1.15;color:#fff;margin-bottom:14px}
.app-preview-meta{display:flex;gap:8px;margin-bottom:12px}
.app-preview-meta span{background:#1E293B;border:1px solid #334155;border-radius:999px;padding:5px 10px;font-size:11px;color:#CBD5E1}
.app-preview-section{background:#172338;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:14px;margin-bottom:12px;color:#E8EEF7}
.app-preview-section.primary{background:rgba(124,63,160,.22);border-color:rgba(216,180,254,.24)}
.app-preview-section.alert{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28)}
.app-preview-section.panic{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.28)}
.app-preview-section strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#D8B4FE;margin-bottom:9px}
.app-preview-section p,.app-preview-section li{font-size:13px;line-height:1.55;color:#F8FAFC}
.app-preview-section ul,.app-preview-section ol{padding-left:18px}
.app-preview-pairs{display:flex;flex-direction:column;gap:8px}
.app-preview-pairs div{background:#101827;border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:10px}
.app-preview-pairs b{display:block;color:#fff;font-size:13px;margin-bottom:4px}
.app-preview-pairs span{display:block;color:#CBD5E1;font-size:13px;line-height:1.45}
.app-preview-links{display:flex;flex-direction:column;gap:8px}
.app-preview-links button{width:100%;text-align:left;border:1px solid rgba(148,163,184,.18);background:#101827;color:#fff;border-radius:12px;padding:10px 11px;font-size:13px;font-weight:800}
.app-preview-links span{font-size:13px;color:#CBD5E1}
.content-modal-form{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}
.content-modal-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:850;color:#334155}
.content-modal-form small{font-size:11px;font-weight:600;color:#94A3B8}
.content-modal-form input,.content-modal-form textarea,.content-modal-form select{width:100%;border:1.5px solid #E2E8F0;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:13px;color:#0F172A;background:#F8FAFC}
.content-modal-form textarea{min-height:82px;line-height:1.45;resize:vertical}
.content-modal-form select[multiple]{min-height:130px}
.content-modal-form input:focus,.content-modal-form textarea:focus,.content-modal-form select:focus{outline:none;border-color:#7C3FA0;box-shadow:0 0 0 3px rgba(124,63,160,.08)}
.content-modal-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.content-modal-validation{display:flex;flex-direction:column;gap:6px}
.content-modal-actions{display:flex;gap:8px;flex-wrap:wrap}
.content-modal-actions button{border:1px solid #E2E8F0;background:#F8FAFC;color:#475569;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:850;cursor:pointer}
.content-modal-actions button:last-child{background:#7C3FA0;border-color:#7C3FA0;color:#fff}
#content-modal-code{white-space:pre-wrap;word-break:break-word;background:#0F172A;color:#E2E8F0;border-radius:14px;padding:12px;font-size:11px;line-height:1.45;max-height:170px;overflow:auto}
.content-orphan-panel.modal{margin:14px 18px 0}
@media(max-width:900px){.content-modal{inset:8px;border-radius:22px}.content-modal-grid{grid-template-columns:1fr;overflow:auto}.content-modal-preview,.content-modal-form{overflow:visible}.content-phone-preview{max-width:none}.content-modal-row{grid-template-columns:1fr}}
