body { 
            --q-primary:#111827;
            --q-bg:#f4f7fb;
            --q-surface:#ffffff;
            --q-soft:#f8f9fa;
            --q-text:#212529;
            --q-muted:#6c757d;
            --q-border:#dee2e6;
            background:var(--q-bg);
            color:var(--q-text);
            font-size:.95rem;
        }
        body[data-theme="blue"] { --q-primary:#2563eb; --q-bg:#f5f8ff; --q-surface:#ffffff; --q-soft:#eaf2ff; --q-text:#102a56; --q-muted:#64748b; --q-border:#cbdaf2; }
        body[data-theme="emerald"] { --q-primary:#198754; --q-bg:#f2fbf7; --q-surface:#ffffff; --q-soft:#eef8f3; --q-text:#163127; --q-muted:#5c7369; --q-border:#d5e9dd; }
        body[data-theme="grape"] { --q-primary:#6f42c1; --q-bg:#f7f3ff; --q-surface:#ffffff; --q-soft:#f1ebff; --q-text:#2c1e4f; --q-muted:#6c5b92; --q-border:#dfd4fb; }
        body[data-theme="sunset"] { --q-primary:#fd7e14; --q-bg:#fff7f1; --q-surface:#ffffff; --q-soft:#fff0e3; --q-text:#4a2b12; --q-muted:#8a6548; --q-border:#f0dcc7; }
        body[data-theme="black"] { --q-primary:#111827; --q-bg:#f7f7f8; --q-surface:#ffffff; --q-soft:#f3f4f6; --q-text:#111827; --q-muted:#6b7280; --q-border:#d1d5db; }
        body[data-theme="burgundy"] { --q-primary:#8b1e3f; --q-bg:#fbf5f7; --q-surface:#ffffff; --q-soft:#f7e8ed; --q-text:#451225; --q-muted:#80606b; --q-border:#e7cbd4; }
        body[data-theme="nude"] { --q-primary:#a06f55; --q-bg:#faf7f3; --q-surface:#fffdfb; --q-soft:#f2e8df; --q-text:#49362d; --q-muted:#7d6b61; --q-border:#dfd1c5; }
        body[data-theme="teal"] { --q-primary:#0f766e; --q-bg:#f1faf9; --q-surface:#ffffff; --q-soft:#e1f3f1; --q-text:#123d3a; --q-muted:#5b7774; --q-border:#c9e3e0; }
        body[data-theme="slate"] { --q-primary:#475569; --q-bg:#f5f7f9; --q-surface:#ffffff; --q-soft:#e9eef2; --q-text:#1e293b; --q-muted:#64748b; --q-border:#d2dbe3; }
        body[data-theme="rose"] { --q-primary:#be526b; --q-bg:#fff6f8; --q-surface:#ffffff; --q-soft:#fbe8ed; --q-text:#552332; --q-muted:#896472; --q-border:#efd0d9; }
        .container-theme-icon{background:var(--q-primary)!important;color:#fff!important;}
        .container-theme-icon .container-selected-icon{color:#fff!important;}
        .container-theme-text{color:var(--q-primary)!important;}
        #offcanvasContainerList i,#containerManagerArea .container-selected-icon{color:var(--q-primary)!important;}
        #containerManagerArea .container-theme-icon .container-selected-icon{color:#fff!important;font-size:1.15rem;display:inline-block!important;}
        #page-containers,#containerManagerArea,#containerManagerArea>.row,#containerManagerArea>.row>[class*="col-"],#containerManagerArea>.row .card,#containerManagerArea>.row .card-body{overflow:visible!important;}
        #containerManagerArea>.row>[class*="col-"]{position:relative;}
        #containerManagerArea>.row .card{position:relative;z-index:1;}
        #containerManagerArea>.row .card.container-menu-open,#containerManagerArea>.row .card:has(.dropdown-menu.show){z-index:1090!important;}
        #containerManagerArea>.row .dropdown{position:relative;z-index:1091;}
        #containerManagerArea>.row .card .dropdown-menu{display:none;top:100%!important;bottom:auto!important;left:auto!important;right:0!important;inset:auto 0 auto auto!important;transform:none!important;margin-top:.35rem!important;z-index:1095!important;max-height:none!important;overflow:visible!important;}
        #containerManagerArea>.row .card .dropdown-menu.show{display:block!important;}
        .container-menu-portal{position:fixed!important;display:block!important;z-index:12050!important;min-width:210px;max-height:calc(100vh - 20px);overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;right:auto!important;bottom:auto!important;margin:0!important;}
        @media(max-width:991.98px){#leftMainMenuSection.d-none{display:none!important;}}
        #containerManagerArea span[style*="background"]{background:var(--q-primary)!important;}
        #containerEditorModal .modal-body>div:has(>#containerEditColor){display:none!important;}
        body[data-theme="black"] .btn-primary { color:#fff!important; }
        body[data-theme="black"] .dataset-badge { background:#f3f4f6; color:#111827; }
        body[data-theme="black"] .loading-overlay { background:transparent; }
        body, .card, .offcanvas, .modal-content, .form-control, .form-select, .table { transition: background-color .2s ease,color .2s ease,border-color .2s ease; }
        .text-primary,.link-primary,.btn-link{color:var(--q-primary)!important;}
        .bg-primary,.text-bg-primary,.navbar.bg-primary{background-color:var(--q-primary)!important;}
        .border-primary{border-color:var(--q-primary)!important;}
        .bg-primary-subtle{background:color-mix(in srgb,var(--q-primary) 12%,transparent)!important;}
        .btn-primary { background-color:var(--q-primary)!important; border-color:var(--q-primary)!important; }
        .btn-outline-primary { color:var(--q-primary)!important; border-color:var(--q-primary)!important; }
        .btn-outline-primary:hover { background-color:var(--q-primary)!important; color:#fff!important; }
        .bottom-nav { background:var(--q-surface); border-top:1px solid var(--q-border); }
        .bottom-nav .nav-btn { color:var(--q-muted); }
        .bottom-nav .nav-btn.active { color:var(--q-primary); }
        .element-row, .child-element-row, .card, .offcanvas, .modal-content, .empty-box, .table, .form-control, .form-select, textarea { background-color:var(--q-surface)!important; color:var(--q-text)!important; border-color:var(--q-border)!important; }
        .child-builder { background:var(--q-soft); border-color:var(--q-border); }
        .dataset-badge { background:color-mix(in srgb, var(--q-primary) 12%, white); color:var(--q-primary); }
        .text-muted, .small.text-muted, .form-text { color:var(--q-muted)!important; }
        .empty-box { background:var(--q-surface); }
        .app-shell { padding-top:72px; padding-bottom:88px; }
        .bottom-nav { height:72px; background:#fff; border-top:1px solid #dee2e6; }
        .bottom-nav .nav-btn { border:0; background:transparent; width:25%; font-size:11px; color:#6c757d; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
        .bottom-nav .nav-btn.active { color:#111827; font-weight:600; }
        .page-section { display:none; }
        .page-section.active { display:block; }
        .element-row, .child-element-row { background:#fff; border:1px solid #e9ecef; border-radius:16px; padding:14px; margin-bottom:12px; }
        .horizontal-record-shell{position:relative;overflow:hidden;touch-action:pan-y;}
        .horizontal-record-card{min-height:260px;}
        .likert-summary-card .badge{font-size:.82rem;}
        .public-required-hidden .el-required-box,.public-required-hidden .child-required-box{display:none!important;}
        .child-builder { background:#f8f9fa; border:1px dashed #ced4da; border-radius:14px; padding:12px; margin-top:12px; }
        .empty-box { padding:30px 20px; text-align:center; color:#6c757d; border:1px dashed #ced4da; border-radius:14px; background:#fff; }
        textarea { min-height:110px; }
        .brand-text { font-weight:700; letter-spacing:.4px; }
        .dataset-badge { background:#f3f4f6; color:#111827; padding:4px 10px; border-radius:999px; font-size:12px; display:inline-block; margin:0 6px 6px 0; }
        .text-preline { white-space:pre-line; }
        .loading-overlay { position:fixed; inset:0; background:transparent; z-index:2500; display:none; align-items:center; justify-content:center; pointer-events:none; }
        .loading-overlay.show { display:flex; }
        .loading-indicator{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--q-surface);color:var(--q-primary);border:1px solid var(--q-border);box-shadow:0 8px 24px rgba(15,23,42,.16)}
        .loading-indicator .spinner-border{width:1.35rem;height:1.35rem;border-width:.18em}
        body .spinner-border{display:none!important;}
        .loading-overlay .spinner-border{display:inline-block!important;color:var(--q-primary)!important;}
        .form-check-input:checked{background-color:var(--q-primary)!important;border-color:var(--q-primary)!important;}
        .dropdown-item.active,.dropdown-item:active,.list-group-item.active,.nav-pills .nav-link.active{background-color:var(--q-primary)!important;color:#fff!important;}
        @media(min-width:992px){
          .loading-overlay{left:286px;right:210px;}
          body.desktop-panel-collapsed .loading-overlay{left:0;}
          body.right-tools-collapsed .loading-overlay{right:0;}
        }
        .report-total-card { min-height:96px; }
        .pin-value { font-size:.9rem; }
        .offcanvas-dataset-list { max-height:calc(100vh - 300px); overflow:auto; }
        .my-dataform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.my-dataform-card{position:relative;border:1px solid var(--q-border);border-radius:16px;padding:16px;background:var(--q-surface);min-width:0}.my-dataform-card .dropdown{position:static}.my-dataform-card .dropdown-menu{z-index:1095}.dataset-detail-card,.dataset-detail-card .card-body{overflow:visible!important}.dataset-detail-card{position:relative;z-index:3}.dataset-detail-card .dropdown-menu{z-index:1100}.left-data-tabs .nav-link{font-size:.78rem;font-weight:700;padding:.45rem .65rem}.left-data-tab-pane{padding-top:10px}.innerapp-panel-row .dataset-panel-link i{color:var(--q-primary)!important}.innerapp-manager-card{position:relative}.innerapp-manager-menu{position:absolute;right:7px;top:7px;z-index:4}.innerapp-manager-menu .btn{width:30px;height:30px;padding:0;border:0;background:transparent}.innerapp-manager-card>.innerapp-icon-card{width:100%}
        @media(max-width:991.98px){.my-dataform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.my-dataform-grid{grid-template-columns:1fr}}

        .offcanvas .form-control::placeholder { color:var(--q-muted); }
        .home-stat-card{border:1px solid var(--q-border);border-radius:16px;padding:16px;background:var(--q-surface);height:100%}
        .card .bg-primary-subtle.text-primary,.theme-card-icon,.plugin-theme-icon{color:var(--q-primary)!important;background:color-mix(in srgb,var(--q-primary) 12%,transparent)!important}
        .recent-dataform-card{border:1px solid var(--q-border);border-radius:18px;padding:14px;background:var(--q-surface);cursor:pointer;transition:.15s ease}
        .recent-dataform-card:hover{box-shadow:0 10px 24px rgba(15,23,42,.09);transform:translateY(-1px)}
        .recent-dataform-icon{font-size:3rem;color:var(--q-primary);width:72px;min-width:72px;text-align:center;line-height:1}

        .home-stat-number { font-size:1.2rem; }
        .notice-toast { box-shadow:0 8px 30px rgba(0,0,0,.12); }
        .truncate-wrap .collapsed-part{display:inline;}
        .truncate-wrap .full-part{display:none;}
        .truncate-wrap.expanded .collapsed-part{display:none;}
        .truncate-wrap.expanded .full-part{display:inline;}
        .truncate-wrap .toggle-link{font-size:.85rem; text-decoration:none; margin-left:6px;}
        .offcanvas-quick-actions{display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap;}
        .offcanvas-quick-actions .btn{width:42px; height:42px; display:flex; align-items:center; justify-content:center;}
        .touch-target-btn{min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; touch-action:manipulation; -webkit-tap-highlight-color:transparent;}
        .touch-target-btn i, .dropdown-toggle i, [data-bs-toggle="offcanvas"] i{pointer-events:none;}
        .community-card-owner,.public-card-owner{font-size:.85rem;}
        .reminder-status-overdue{border-left:4px solid #dc3545;}
        .reminder-status-today{border-left:4px solid #fd7e14;}
        .reminder-status-upcoming{border-left:4px solid #198754;}
        .reminder-date-value{font-size:1rem;font-weight:700;color:var(--q-text);}
        .chart-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.65rem;background:color-mix(in srgb,var(--q-surface) 88%,transparent);z-index:3;border-radius:16px;transition:opacity .22s ease;}
        .chart-loading-overlay.is-hidden{opacity:0;pointer-events:none;}
        .chart-loading-dots{display:flex;gap:7px;align-items:center;}
        .chart-loading-dots span{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--q-primary) 58%,white);animation:quiixChartPulse 1s ease-in-out infinite;}
        .chart-loading-dots span:nth-child(2){animation-delay:.14s}.chart-loading-dots span:nth-child(3){animation-delay:.28s}
        @keyframes quiixChartPulse{0%,100%{transform:scale(.72);opacity:.45}50%{transform:scale(1);opacity:1}}
        .analytics-chart-shell{position:relative;}
        #noticeCenterModal .modal-content{min-height:72vh;}
        .report-mobile-filter-toggle{display:none;}
        @media (max-width:767.98px){
          .report-mobile-filter-toggle{display:flex;}
          .report-filter-fields.mobile-collapsed{display:none;}
          .home-table-column{order:1}.home-chart-column{order:2}
        }
        .group-settings-item{border:1px solid var(--q-border); border-radius:14px; padding:12px; margin-bottom:10px;}
        .record-group-page{display:none;}
        .record-group-page.active{display:block;}
        .record-step-indicator{font-size:.9rem; color:var(--q-muted);}
        .record-entry-card{width:100%;max-width:none;margin:0 0 5.5rem}
        .record-entry-actions{position:sticky;bottom:72px;z-index:1020;background:color-mix(in srgb,var(--q-surface) 94%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--q-border)}
        .record-quill-editor{background:var(--q-surface);color:var(--q-text)}
        .record-quill-editor .ql-editor{min-height:150px}
        @keyframes movedElementBlink{0%,100%{box-shadow:0 0 0 0 transparent;background:var(--q-surface)}25%,75%{box-shadow:0 0 0 .25rem color-mix(in srgb,var(--q-primary) 18%,transparent);background:color-mix(in srgb,var(--q-primary) 10%,var(--q-surface))}}
        .element-moved-highlight{animation:movedElementBlink 1.15s ease-in-out}
        .email-verification-banner{position:fixed;top:56px;left:0;right:0;z-index:1025;border-radius:0}
        .app-shell.email-warning-active{padding-top:126px}
        .todo-task-row{display:flex;align-items-center;gap:.6rem;width:100%}
        .record-separator-box{border:1px solid var(--q-border);border-radius:14px;margin-bottom:14px;background:transparent;overflow:hidden;}
        .record-separator-box[open]{overflow:visible;position:relative;z-index:10}
        .record-separator-box[open].preset-dropdown-active{z-index:2190!important}
        .record-separator-box[open].linked-dropdown-active{z-index:2390!important}
        .record-separator-box[open]>.record-separator-content{overflow:visible}
        .record-separator-box[open] .preset-dropdown-picker{position:relative;z-index:20}
        .record-separator-box[open] .preset-dropdown-picker.preset-picker-open{z-index:2200!important}
        .record-separator-box[open] .preset-dropdown-picker .dropdown-menu.show{z-index:2100!important}
        .record-separator-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--q-primary) 28%,var(--q-border));background:color-mix(in srgb,var(--q-primary) 12%,var(--q-surface));color:var(--q-primary);cursor:pointer;list-style:none;}
        .record-separator-title::-webkit-details-marker{display:none}.record-separator-title i{transition:transform .18s ease}.record-separator-box[open]>.record-separator-title i{transform:rotate(180deg)}.record-separator-content{padding:14px 14px 1px}
        .record-textarea-resizable{resize:vertical!important;min-height:8.5rem;max-width:100%}
        .record-quill-editor.ql-container{resize:vertical;overflow:auto;min-height:8.5rem;max-width:100%}
        .record-quill-editor .ql-editor{min-height:100%;height:100%;overflow-y:auto}