*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fdfdfd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#fdfdfd;display:flex;flex-direction:column;min-height:100vh}.trial-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff9800,#ff5722);box-shadow:0 2px 8px #00000026;color:#fff;font-size:1rem;font-weight:600;padding:.5rem 2rem;text-align:center;z-index:1000}.landing-page{background:linear-gradient(180deg,#1a7a85,#34424f);display:flex;flex-direction:column;min-height:100vh;padding:2rem}.landing-header{animation:fadeIn .8s ease-out;margin-bottom:2rem;margin-left:3rem;padding:0}.landing-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;width:100%}.hero-tagline{animation:fadeIn 1.2s ease-out .5s both;color:#fff;font-size:3.5rem;font-weight:700;line-height:1.3;margin:4rem auto 8rem;max-width:1400px;padding:0 2rem}.glass-box,.hero-tagline{text-align:center;width:100%}.glass-box{animation:fadeIn .8s ease-out .2s both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003;padding:2rem}.glass-box h1{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.sign-in-icon{align-items:center;background:#fff3;border-radius:14px;display:flex;height:52px;justify-content:center;margin:0 auto 1rem;width:52px}.sign-in-icon svg{height:32px;width:32px}.landing-subtitle{color:#ffffffe6;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.glass-box .btn-login{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#1a7a85;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.glass-box .btn-login:hover{background:#f8f8f8;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.app-header{background:linear-gradient(135deg,#1a7a85,#34424f);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px}.header-left{flex:1 1}.header-right{flex-shrink:0}.app-header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem}.subtitle{font-size:1rem;opacity:.9}.app-container{display:flex;gap:2rem}.app-container,.app-main{flex:1 1;margin:2rem auto;max-width:1400px;padding:0 2rem;width:100%}.access-denied{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.access-denied-content{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;max-width:600px;padding:3rem 2.5rem;text-align:center}.access-denied-content svg{margin-bottom:1.5rem}.access-denied-content h2{color:#34424f;font-size:2rem;font-weight:600;margin-bottom:1rem}.access-denied-content p{color:#6a7882;font-size:1.1rem;line-height:1.6;margin:0}.btn-settings{background:#1a7a85;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-settings:hover{background:#156670;box-shadow:0 4px 12px #1a7a854d;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1a7a85;height:50px;width:50px}.loading-container p{color:#6a7882;font-size:1.1rem}.sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:-webkit-fit-content;height:fit-content;padding:1.5rem;width:280px}.sidebar-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-header h2{color:#293a46;font-size:1.2rem;font-weight:600}.btn-new{background:#1a7a85;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-new:hover{background:#136770;box-shadow:0 2px 8px #1a7a854d;transform:translateY(-1px)}.signature-list{display:flex;flex-direction:column;gap:.5rem}.empty-state{color:#6a7882;font-size:.9rem;padding:2rem 0}.signature-item{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s}.signature-item:hover{background:#f8f8ff}.signature-item.active{background:#f0f0ff;border-color:#1a7a85}.signature-name{color:#293a46;flex:1 1;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{align-items:center;background:#0000;border:none;border-radius:4px;color:#6a7882;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.btn-delete:hover{background:#ffe0e0;color:#e74c3c}.main-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2rem}.auth-required{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.auth-message{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-width:500px;padding:3rem;text-align:center}.auth-message h2{color:#1a7a85;font-size:1.8rem;margin-bottom:1rem}.auth-message p{color:#6a7882;line-height:1.6;margin-bottom:1rem}.auth-note{color:#6a7882;font-size:.9rem;font-style:italic}.signature-assignment{border-top:1px solid #e1e4e8;padding-top:2rem}.signature-assignment h3{color:#293a46;font-size:1.25rem;margin-bottom:1rem}.assignment-info{background-color:#f6f8fa;border-radius:6px;color:#6a7882;font-size:.95rem;margin-bottom:1rem;padding:.75rem}.assignment-info p{margin:0}.assignment-info .no-assignments{color:#6a7882;font-style:italic}.assigned-groups-list{display:flex;flex-direction:column;gap:.5rem}.assigned-label{color:#293a46;font-weight:600;margin:0 0 .5rem!important}.assigned-tags{display:flex;flex-wrap:wrap;gap:.5rem}.assigned-tag{align-items:center;background:#fff;border:2px solid #1a7a85;border-radius:6px;color:#293a46;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.4rem .6rem}.assigned-tag span{font-weight:500}.remove-tag-btn{align-items:center;background:none;border:none;border-radius:50%;color:#d73a49;cursor:pointer;display:flex;font-size:1rem;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:18px}.remove-tag-btn:hover{background:#d73a49;color:#fff;transform:scale(1.1)}.remove-tag-btn:disabled{cursor:not-allowed;opacity:.5}.assignment-tabs{border-bottom:2px solid #e1e4e8;display:flex;gap:.5rem;margin-bottom:1rem}.assignment-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:.95rem;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.assignment-tabs button.active{border-bottom-color:#1a7a85;color:#1a7a85;font-weight:500}.assignment-tabs button:hover{color:#1a7a85}.search-box{margin-bottom:1rem}.search-box input{border:1px solid #e1e4e8;border-radius:6px;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.search-box input:focus{border-color:#1a7a85;outline:none}.assignment-list{border:1px solid #e1e4e8;border-radius:6px;max-height:400px;overflow-y:auto;padding:.5rem}.assignment-item{border-bottom:1px solid #f6f8fa;padding:.75rem;transition:background-color .2s}.assignment-item:last-child{border-bottom:none}.assignment-item:hover{background-color:#f6f8fa}.assignment-item label{align-items:center;cursor:pointer;display:flex;gap:.75rem;width:100%}.assignment-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.group-name,.user-name{color:#293a46;flex-shrink:0;font-weight:500}.group-email,.user-email{color:#6a7882;font-size:.9rem;margin-left:auto}.assignment-loading,.no-results{color:#6a7882;padding:2rem;text-align:center}.syncing-indicator{background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.dashboard{padding:2rem}.dashboard-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.dashboard h2{color:#293a46;font-size:2rem;margin:0}.btn-sync-dashboard{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1a7a85,#34424f,#1a7a85,#6a7882);background-size:300% 300%;border:none;border-radius:8px;box-shadow:0 4px 12px #1a7a854d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.btn-sync-dashboard.success{animation:none;background:linear-gradient(135deg,#4caf50,#66bb6a);background-size:100% 100%}.btn-sync-dashboard:hover:not(:disabled){box-shadow:0 6px 16px #1a7a8566;transform:translateY(-2px)}.btn-sync-dashboard:disabled{animation:none;cursor:not-allowed;opacity:.6}.dashboard-tiles{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));max-width:1200px;width:100%}.dashboard-tile{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:2.5rem;position:relative;text-align:center;transition:all .3s}.dashboard-tile:not(.placeholder):hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.dashboard-tile.placeholder{cursor:not-allowed;opacity:.6}.tile-icon{font-size:3rem;margin-bottom:1rem}.dashboard-tile h3{color:#293a46;font-size:1.5rem;margin-bottom:.5rem}.dashboard-tile p{color:#6a7882;margin:0}.coming-soon{background:#f0f0f0;border-radius:12px;color:#6a7882;display:inline-block;font-size:.75rem;font-weight:600;margin-top:1rem;padding:.25rem .75rem;text-transform:uppercase}.version-indicator{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #6a788233;border-radius:6px;bottom:1rem;box-shadow:0 2px 8px #0000000d;color:#6a7882;font-size:.75rem;font-weight:500;padding:.5rem .75rem;position:fixed;right:1rem;z-index:100}.faq-section{margin-top:3rem;max-width:1200px;width:100%}.faq-section h2{color:#293a46;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:1.5rem;transition:all .3s ease}.faq-item:hover{border-color:#1a7a8533;box-shadow:0 4px 16px #1a7a851a;transform:translateY(-2px)}.faq-item.expanded{background:#fffffff2;border-color:#1a7a854d}.faq-question{color:#293a46;font-size:1.05rem;font-weight:600;gap:1rem;justify-content:space-between}.faq-icon,.faq-question{align-items:center;display:flex}.faq-icon{background:#1a7a851a;border-radius:6px;color:#1a7a85;flex-shrink:0;font-size:1.5rem;font-weight:300;height:28px;justify-content:center;transition:all .3s ease;width:28px}.faq-item:hover .faq-icon{background:#1a7a8526;transform:scale(1.05)}.faq-answer{animation:fadeIn .3s ease;border-top:1px solid #6a788226;color:#6a7882;font-size:.95rem;line-height:1.6;margin-top:1rem;padding-top:1rem}.btn-faq-action{background:linear-gradient(135deg,#1a7a85,#34424f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:all .2s;width:-webkit-fit-content;width:fit-content}.btn-faq-action:hover{box-shadow:0 4px 12px #1a7a854d;transform:translateY(-1px)}.signature-list-view{padding:2rem}.list-header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:2rem;text-align:left}.list-header h2{color:#293a46;flex:1 1;font-size:2rem;margin:0}.signature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.signature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s}.signature-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.signature-card-header h3{color:#293a46;font-size:1.25rem;margin:0}.signature-preview{background:#f9f9f9;border-radius:6px;flex:1 1;font-size:.85rem;max-height:150px;overflow:hidden;padding:1rem;position:relative}.signature-preview:after{background:linear-gradient(#0000,#f9f9f9);bottom:0;content:"";height:40px;left:0;position:absolute;right:0}.signature-card-footer{border-top:1px solid #e1e4e8;padding-top:.5rem}.assignment-count{color:#6a7882;font-size:.9rem}.empty-state{grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#293a46;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#6a7882;margin-bottom:1.5rem}.signature-detail-view{padding:2rem}.detail-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.detail-actions{display:flex;gap:.75rem}.detail-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.detail-content h2{color:#293a46;margin-bottom:1.5rem;margin-top:0}.signature-info{align-items:center;background:#f6f8fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:1rem}.info-label{color:#293a46}.info-value{color:#1a7a85;font-weight:600}.assigned-groups-display{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.group-badge{align-items:center;background:#fff;border:2px solid #1a7a85;border-radius:6px;color:#293a46;display:inline-flex;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.group-badge.remaining-count{background:#1a7a85;border-color:#1a7a85;color:#fff}.signature-preview-large{margin-top:2rem}.signature-preview-large h3{color:#293a46;margin-bottom:1rem}.preview-content{background:#f9f9f9;border:1px solid #e1e4e8}.editor-view{padding:2rem}.editor-header{margin-bottom:1.5rem}.btn-back{background:none;border:1px solid #e1e4e8;border-radius:6px;color:#6a7882;font-size:.95rem;padding:.5rem 1rem}.btn-back:hover{background:#f6f8fa;color:#293a46}.btn-back.btn-back-danger:hover{background:#fef5f4;border-color:#e74c3c;box-shadow:0 0 12px #e74c3c66;color:#e74c3c}.btn-primary{background:linear-gradient(135deg,#1a7a85,#34424f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #1a7a854d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#fff;border:1px solid #1a7a85;border-radius:6px;color:#1a7a85;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f6f8fa}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-danger:hover{background:#c0392b}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:500px;padding:2rem;width:90%}.modal-content h3{color:#293a46;margin-bottom:1rem;margin-top:0}.modal-content p{color:#6a7882;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.assignment-actions{border-top:1px solid #e1e4e8;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}@media (max-width:768px){.app-container{flex-direction:column;gap:1rem;padding:0 1rem}.sidebar{width:100%}.app-header{padding:1rem}.header-content{flex-wrap:wrap;gap:.5rem}.app-header .header-left img{height:60px!important;margin-bottom:0!important}.header-right{margin-left:auto}.app-main{margin:1rem auto;padding:0 1rem}.dashboard h2{font-size:1.5rem;margin-bottom:1.5rem}.dashboard-tiles{gap:1rem}.dashboard-tile{padding:1.5rem}.tile-icon{font-size:2rem}.dashboard-tile h3{font-size:1.25rem}.dashboard-tile p{font-size:.9rem}.signature-list-header h2{font-size:1.5rem}.list-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.list-header h2{width:100%}.btn-back{align-self:center;margin:0 auto 1rem}.signature-list-view{text-align:center}.signature-card{padding:1rem}.signature-card h3{font-size:1.1rem}.signature-detail h2{font-size:1.5rem}.signature-actions{flex-direction:column;gap:.75rem}.signature-actions button{width:100%}.editor-container{padding:1rem}.editor-container h2{font-size:1.5rem}.signature-name-input{font-size:1rem}.template-grid{gap:1rem;grid-template-columns:1fr}.toolbar{flex-wrap:wrap;gap:.5rem}.toolbar button{font-size:.85rem;padding:.5rem}.btn-back,.btn-primary,.btn-secondary,.btn-sync{font-size:.9rem;padding:.75rem 1rem}.landing-page{padding:1rem}.landing-header{margin-bottom:1rem;margin-left:1rem}.landing-header img{height:50px!important}.hero-tagline{font-size:1.8rem;line-height:1.3;margin:2rem auto 3rem;padding:0 1rem}.landing-content{max-width:100%;padding:0 1rem}.glass-box{padding:1.5rem}.glass-box h1{font-size:1.25rem}.sign-in-icon{height:48px;margin-bottom:.75rem;width:48px}.sign-in-icon svg{height:28px;width:28px}}@media (max-width:430px){.app-header{padding:.75rem}.app-header .header-left img{height:50px!important}.app-main{padding:0 .5rem}.dashboard-tiles{gap:.75rem}.hero-tagline{font-size:1.5rem}.editor-container,.signature-detail,.signature-list-header{padding:.75rem}}@media (prefers-color-scheme:dark){.w-tc-editor{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}}@media (prefers-color-scheme:light){.w-tc-editor{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}}.w-tc-editor[data-color-mode*=dark],[data-color-mode*=dark] .w-tc-editor,[data-color-mode*=dark] .w-tc-editor-var,body[data-color-mode*=dark]{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}.w-tc-editor[data-color-mode*=light],[data-color-mode*=light] .w-tc-editor,[data-color-mode*=light] .w-tc-editor-var,body[data-color-mode*=light]{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}.w-tc-editor{background-color:var(--color-canvas-subtle);color:var(--color-fg-default);font-family:inherit;font-size:12px}.w-tc-editor-preview,.w-tc-editor-text{min-height:16px}.w-tc-editor-preview pre{font-family:inherit;font-size:inherit;margin:0;padding:0;white-space:inherit}.w-tc-editor-preview pre code{font-family:inherit}.w-tc-editor code[class*=language-] .token.cdata,.w-tc-editor code[class*=language-] .token.comment,.w-tc-editor code[class*=language-] .token.doctype,.w-tc-editor code[class*=language-] .token.prolog,.w-tc-editor pre[class*=language-] .token.cdata,.w-tc-editor pre[class*=language-] .token.comment,.w-tc-editor pre[class*=language-] .token.doctype,.w-tc-editor pre[class*=language-] .token.prolog{color:var(--color-prettylights-syntax-comment)}.w-tc-editor code[class*=language-] .token.punctuation,.w-tc-editor pre[class*=language-] .token.punctuation{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.w-tc-editor code[class*=language-] .namespace,.w-tc-editor pre[class*=language-] .namespace{opacity:.7}.w-tc-editor code[class*=language-] .token.boolean,.w-tc-editor code[class*=language-] .token.constant,.w-tc-editor code[class*=language-] .token.deleted,.w-tc-editor code[class*=language-] .token.number,.w-tc-editor code[class*=language-] .token.symbol,.w-tc-editor pre[class*=language-] .token.boolean,.w-tc-editor pre[class*=language-] .token.constant,.w-tc-editor pre[class*=language-] .token.deleted,.w-tc-editor pre[class*=language-] .token.number,.w-tc-editor pre[class*=language-] .token.symbol{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .style .token.string,.w-tc-editor code[class*=language-] .token.builtin,.w-tc-editor code[class*=language-] .token.char,.w-tc-editor code[class*=language-] .token.entity,.w-tc-editor code[class*=language-] .token.inserted,.w-tc-editor code[class*=language-] .token.operator,.w-tc-editor code[class*=language-] .token.property,.w-tc-editor code[class*=language-] .token.selector,.w-tc-editor code[class*=language-] .token.string,.w-tc-editor code[class*=language-] .token.url,.w-tc-editor pre[class*=language-] .style .token.string,.w-tc-editor pre[class*=language-] .token.builtin,.w-tc-editor pre[class*=language-] .token.char,.w-tc-editor pre[class*=language-] .token.entity,.w-tc-editor pre[class*=language-] .token.inserted,.w-tc-editor pre[class*=language-] .token.operator,.w-tc-editor pre[class*=language-] .token.property,.w-tc-editor pre[class*=language-] .token.selector,.w-tc-editor pre[class*=language-] .token.string,.w-tc-editor pre[class*=language-] .token.url{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.atrule,.w-tc-editor code[class*=language-] .token.keyword,.w-tc-editor code[class*=language-] .token.property-access .token.method,.w-tc-editor pre[class*=language-] .token.atrule,.w-tc-editor pre[class*=language-] .token.keyword,.w-tc-editor pre[class*=language-] .token.property-access .token.method{color:var(--color-prettylights-syntax-keyword)}.w-tc-editor code[class*=language-] .token.function,.w-tc-editor pre[class*=language-] .token.function{color:var(--color-prettylights-syntax-string)}.w-tc-editor code[class*=language-] .token.important,.w-tc-editor code[class*=language-] .token.regex,.w-tc-editor code[class*=language-] .token.variable,.w-tc-editor pre[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.regex,.w-tc-editor pre[class*=language-] .token.variable{color:var(--color-prettylights-syntax-string-regexp)}.w-tc-editor code[class*=language-] .token.bold,.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.bold,.w-tc-editor pre[class*=language-] .token.important{color:var(--color-prettylights-syntax-markup-bold)}.w-tc-editor code[class*=language-] .token.tag,.w-tc-editor pre[class*=language-] .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.attr-name,.w-tc-editor code[class*=language-] .token.attr-value,.w-tc-editor pre[class*=language-] .token.attr-name,.w-tc-editor pre[class*=language-] .token.attr-value{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.class-name,.w-tc-editor code[class*=language-] .token.selector .class,.w-tc-editor pre[class*=language-] .token.class-name,.w-tc-editor pre[class*=language-] .token.selector .class{color:var(--color-prettylights-syntax-entity)}.signature-editor{display:flex;flex-direction:column;gap:1.5rem}.editor-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-bottom:1rem}.editor-title-section{flex:1 1;min-width:200px}.signature-name-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;font-weight:600;outline:none;padding:.75rem 1rem;transition:all .2s;width:100%}.signature-name-input:focus{border-color:#1a7a85;box-shadow:0 0 0 3px #1a7a851a}.editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.view-mode-toggle{background:#f0f0f0;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.view-btn{background:#0000;border:none;border-radius:6px;color:#6a7882;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .2s}.view-btn:hover{background:#1a7a851a}.view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1a7a85}.btn-copy,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s}.btn-copy{background:#f0f0f0;color:#293a46}.btn-copy:hover{background:#e0e0e0;transform:translateY(-1px)}.btn-save{background:#1a7a85;color:#fff}.btn-save:hover{background:#136770;box-shadow:0 4px 12px #1a7a854d;transform:translateY(-1px)}.template-bar{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem}.template-label{color:#6a7882;font-size:.9rem;font-weight:600}.template-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#293a46;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.template-btn:hover{border-color:#1a7a85;box-shadow:0 2px 8px #1a7a8526;color:#1a7a85;transform:translateY(-1px)}.editor-container{grid-gap:1.5rem;display:grid;gap:1.5rem;min-height:400px}.editor-container.wysiwyg{margin-top:-1.5rem}.editor-container.edit,.editor-container.preview{grid-template-columns:1fr}.editor-container.split{grid-template-columns:1fr 1fr}.code-panel,.preview-panel{display:flex;flex-direction:column;gap:.75rem}.panel-label{color:#6a7882;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.preview-note{background:#e3f2fd;border-left:4px solid #1a7a85;border-radius:4px;color:#34424f;font-size:.875rem;line-height:1.5;padding:.75rem 1rem}.preview-note strong{color:#1a7a85}.preview-content{background:#fff;border:2px solid #e0e0e0;border-radius:8px;min-height:400px;overflow:auto;padding:2rem}.editor-tips{background:#f0f8ff;border-left:4px solid #1a7a85;border-radius:8px;padding:1.5rem}.editor-tips h3{color:#1a7a85;font-size:1rem;margin:0 0 1rem}.editor-tips ul{color:#555;line-height:1.8;margin:0;padding-left:1.5rem}.editor-tips li{font-size:.9rem}@media (max-width:1024px){.editor-container.split{grid-template-columns:1fr}.editor-header{align-items:stretch;flex-direction:column}.editor-actions{justify-content:space-between}}@media (max-width:640px){.view-mode-toggle{width:100%}.view-btn{flex:1 1}.template-bar{align-items:stretch;flex-direction:column}.template-btn{width:100%}}.template-divider{background:#d0d0d0;height:24px;margin:0 .5rem;width:1px}.placeholder-menu-container{position:relative}.placeholder-btn{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1a7a85,#34424f,#1a7a85,#6a7882);background-size:300% 300%;border:none;color:#fff;font-weight:600}.placeholder-btn:hover{border:none;box-shadow:0 4px 12px #1a7a8566;color:#fff;transform:translateY(-1px)}.placeholder-dropdown{animation:slideDown .2s ease-out;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;max-width:400px;min-width:350px;position:absolute;top:calc(100% + .5rem);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.placeholder-dropdown-header{align-items:center;background:linear-gradient(135deg,#1a7a85,#34424f);border-bottom:2px solid #f0f0f0;border-radius:10px 10px 0 0;color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:1rem 1.25rem}.close-btn{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.25rem .5rem;transition:all .2s}.close-btn:hover{background:#ffffff4d}.placeholder-list{max-height:400px;overflow-y:auto;padding:.5rem}.placeholder-item{align-items:flex-start;background:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:.375rem;padding:.875rem 1rem;text-align:left;transition:all .2s;width:100%}.placeholder-item:hover{background:#f8f9fa;box-shadow:0 2px 8px #1a7a851a;transform:translateX(4px)}.placeholder-label{color:#293a46;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.placeholder-value{background:#f0f4ff;border-radius:4px;color:#1a7a85;font-family:Courier New,monospace;font-size:.85rem;margin-bottom:.25rem;padding:.2rem .5rem}.placeholder-description{color:#6a7882;font-size:.8rem;font-style:italic}.wysiwyg-toolbar{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0;padding:.75rem}.toolbar-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:.9rem;outline:none;padding:.4rem .6rem;transition:all .2s}.toolbar-select:hover{border-color:#1a7a85}.toolbar-select:focus{border-color:#1a7a85;box-shadow:0 0 0 2px #1a7a851a}.toolbar-btn{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-width:32px;padding:.5rem .75rem;transition:all .2s}.toolbar-btn:hover{background:#f0f0f0;border-color:#1a7a85}.toolbar-btn:active{background:#e0e0e0}.toolbar-divider{background:#d0d0d0;height:24px;margin:0 .25rem;width:1px}.color-picker-label{cursor:pointer;font-weight:700;position:relative}.color-picker-input{height:0;opacity:0;position:absolute;width:0}.wysiwyg-panel{display:flex;flex-direction:column;gap:0}.wysiwyg-content{background:#fff;border:2px solid #e0e0e0;border-radius:0 0 8px 8px;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;min-height:400px;outline:none;overflow:auto;padding:2rem}.wysiwyg-content:focus{border-color:#1a7a85}.wysiwyg-content:empty:before{color:#999;content:"Start typing your signature here...";font-style:italic}.editor-container.wysiwyg{gap:0;grid-template-columns:1fr}.editor-container.code{grid-template-columns:1fr}.wysiwyg-content .placeholder-badge{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1a7a85,#34424f,#1a7a85,#6a7882);background-size:300% 300%;border-radius:4px;color:#fff!important;cursor:default;display:inline-block;font-weight:500;margin:0 2px;padding:2px 6px;white-space:nowrap}.settings-container{margin:0 auto;max-width:1200px}.settings-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.settings-header h1{color:#34424f;font-size:2rem;margin:0}.settings-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:.5rem;margin-bottom:2rem}.settings-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6a7882;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .2s}.settings-tab:hover{background:#1a7a850d;color:#1a7a85}.settings-tab.active{border-bottom-color:#1a7a85;color:#1a7a85}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.account-info h2{color:#34424f;font-size:1.5rem;margin-bottom:1.5rem}.info-card{display:flex;flex-direction:column;gap:1.5rem}.info-row{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.info-label{color:#34424f;font-size:1rem;font-weight:600}.info-value{color:#6a7882;font-family:monospace;font-size:1rem}.info-value.status{border-radius:6px;font-family:inherit;font-weight:600;padding:.5rem 1rem}.info-value.status.granted{background:#d4edda;color:#155724}.info-value.status.pending{background:#fff3cd;color:#856404}.consent-status-group{align-items:center;display:flex;gap:1rem}.btn-reconsent-inline{background:#1a7a85;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-reconsent-inline:hover{background:#156670;box-shadow:0 2px 4px #1a7a8533;transform:translateY(-1px)}.info-value.account-type{border-radius:6px;font-family:inherit;font-weight:600;padding:.5rem 1rem}.info-value.account-type.trial{background:#cce5ff;color:#004085}.info-value.account-type.subscription{background:#d4edda;color:#155724}.info-value.account-type.expired{background:#f8d7da;color:#721c24}.subscribe-prompt{background:#fff3cd;border-left:4px solid #ff5722;padding:1.5rem!important}.subscribe-message{text-align:left;width:100%}.subscribe-message p{color:#856404;font-size:1rem;line-height:1.6;margin:.5rem 0}.subscribe-message strong{color:#721c24}.subscribe-message a{color:#1a7a85;font-weight:600;text-decoration:none}.subscribe-message a:hover{text-decoration:underline}.btn-reconsent{background:#1a7a85;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-reconsent:hover{background:#156670;box-shadow:0 4px 8px #1a7a8533;transform:translateY(-1px)}.user-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-administration h2{color:#34424f;font-size:1.5rem;margin:0}.btn-sync-users{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1a7a85,#34424f,#1a7a85,#6a7882);background-size:300% 300%;border:none;border-radius:8px;box-shadow:0 4px 12px #1a7a854d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.btn-sync-users:hover:not(:disabled){box-shadow:0 6px 16px #1a7a8566;transform:translateY(-2px)}.btn-sync-users:disabled{animation:none;cursor:not-allowed;opacity:.6}.sync-mode-toggle{background:#1a7a850d;border:1px solid #1a7a8526;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.sync-mode-label{color:#34424f;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.sync-mode-options{display:flex;gap:.75rem;margin-bottom:.75rem}.sync-mode-option{background:#fff;border:2px solid #1a7a8533;border-radius:8px;color:#6a7882;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.875rem 1.25rem;transition:all .2s}.sync-mode-option:hover:not(:disabled){background:#1a7a850d;border-color:#1a7a8580;color:#1a7a85}.sync-mode-option.active{background:linear-gradient(135deg,#1a7a85,#34424f);border-color:#1a7a85;box-shadow:0 2px 8px #1a7a854d;color:#fff;font-weight:600}.sync-mode-option:disabled{cursor:not-allowed;opacity:.6}.sync-mode-description{color:#6a7882;font-size:.85rem;font-style:italic;line-height:1.4;margin:0}.search-bar{margin-bottom:1.5rem}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.search-input:focus{border-color:#1a7a85;box-shadow:0 0 0 3px #1a7a851a;outline:none}.search-input::placeholder{color:#a0a0a0}.loading,.no-users{color:#6a7882;padding:2rem;text-align:center}.users-table{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:0;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#34424f;font-weight:600}.table-header,.table-row{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr 1fr}.table-row{border-bottom:1px solid #e0e0e0;transition:background .2s}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;color:#6a7882;display:flex;padding:1rem}.table-header .table-cell{color:#34424f}.badge{border-radius:12px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.badge.yes{background:#d4edda;color:#155724}.badge.no{background:#f8d7da;color:#721c24}.role-badge{border-radius:6px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background:#1a7a85;color:#fff}.role-badge.user{background:#e0e0e0;color:#34424f}.btn-toggle-role{background:#fff;border:1px solid #1a7a85;border-radius:6px;color:#1a7a85;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-toggle-role:hover{background:#1a7a85;color:#fff}.deployment-instructions h2{color:#34424f;font-size:1.5rem;margin-bottom:1.5rem}.deployment-instructions .info-card{display:flex;flex-direction:column;gap:2rem;padding:2rem}.btn-download-manifest{align-self:flex-start;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1a7a85,#34424f,#1a7a85,#6a7882);background-size:300% 300%;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.btn-download-manifest:hover{box-shadow:0 4px 12px #1a7a8566;transform:translateY(-2px)}.instructions-placeholder{background:#f8f9fa;border-left:4px solid #1a7a85;border-radius:8px;padding:1.5rem}.instructions-placeholder p{color:#6a7882;font-size:1rem;line-height:1.6;margin:0}.instructions-placeholder a{color:#1a7a85;font-weight:500;text-decoration:none}.instructions-placeholder a:hover{text-decoration:underline}@media (max-width:768px){.settings-tabs{flex-direction:column}.settings-tab{border-bottom:none;border-left:3px solid #0000;text-align:left}.settings-tab.active{border-bottom-color:#0000;border-left-color:#1a7a85}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-cell{padding:.5rem 1rem}.table-header{display:none}.table-cell:before{content:attr(data-label);font-weight:600;margin-right:.5rem}}.sync-stats{margin-bottom:1.5rem}.sync-error h3{margin-bottom:.5rem}.btn-close-modal{font-weight:500;transition:all .2s}.btn-close-modal:hover{box-shadow:0 4px 8px #1a7a854d;transform:translateY(-1px)}.overview-container{margin:0 auto;max-width:1200px;padding:2rem}.overview-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.overview-header h1{color:#34424f;flex:1 1;font-size:2rem;margin:0}.btn-back{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#34424f;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-back:hover{background:#f8f9fa;border-color:#1a7a85;box-shadow:0 2px 8px #1a7a851a;color:#1a7a85;transform:translateY(-2px)}.btn-sync-overview{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1a7a85,#34424f,#1a7a85,#6a7882);background-size:300% 300%;border:none;border-radius:8px;box-shadow:0 4px 12px #1a7a854d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.btn-sync-overview.success{animation:none;background:linear-gradient(135deg,#4caf50,#66bb6a);background-size:100% 100%}.btn-sync-overview:hover:not(:disabled){box-shadow:0 6px 16px #1a7a8566;transform:translateY(-2px)}.btn-sync-overview:disabled{animation:none;cursor:not-allowed;opacity:.6}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.sync-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sync-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sync-in-progress{padding:1rem;text-align:center}.sync-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#1a7a85;height:60px;margin:0 auto 1.5rem;width:60px}.sync-in-progress h3{color:#34424f;font-size:1.5rem;margin-bottom:.5rem}.sync-in-progress p{color:#6a7882;margin:0}.sync-error,.sync-success{text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.sync-error h3{color:#d32f2f;margin-bottom:1rem}.sync-error p{color:#6a7882;margin-bottom:1.5rem}.success-icon{align-items:center;animation:scaleIn .4s ease-out;background:#1a7a85;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.sync-success h3{color:#34424f;font-size:1.3rem;margin-bottom:1.5rem}.sync-section{margin-bottom:1.5rem;text-align:left}.sync-section h4{color:#34424f;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.sync-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.stat{background:#f5f5f5;border-radius:8px;padding:1rem;text-align:center}.stat-value{color:#1a7a85;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#6a7882;display:block;font-size:.85rem}.removed-users{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:left}.removed-users h4{color:#856404;font-size:.95rem;margin:0 0 .5rem}.removed-users p{color:#856404;font-size:.9rem;margin:0}.sync-errors{margin-bottom:1rem}.error-count{color:#d32f2f;font-weight:500;margin:0}.btn-close-modal{background:#1a7a85;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background .2s}.btn-close-modal:hover{background:#156570}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5rem 1.25rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1a7a85;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:#6a7882;font-size:1rem;margin-top:1.25rem}.overview-content{display:flex;flex-direction:column;gap:1.5rem}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;transition:all .3s}.metric-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.account-status-card{background:linear-gradient(135deg,#1a7a85,#34424f);color:#fff;overflow:hidden;position:relative}.account-status-card:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.account-status-card h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem;opacity:.95;position:relative;z-index:1}.account-status-content{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.status-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.trial{box-shadow:0 2px 8px #ffc1074d;color:#fff}.status-badge.active{box-shadow:0 2px 8px #4caf504d;color:#fff}.status-badge.expired{box-shadow:0 2px 8px #f443364d;color:#fff}.status-badge.unknown{box-shadow:0 2px 8px #9e9e9e4d;color:#fff}.days-remaining{font-size:1rem;margin:.5rem 0 0;opacity:.9}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metrics-grid .metric-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:160px;text-align:center}.metric-icon{font-size:3rem;margin-bottom:.75rem;opacity:.8}.metric-value{color:#1a7a85;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.metric-label{color:#6a7882;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.coverage-card{overflow:hidden;position:relative}.coverage-card h2{color:#34424f;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.coverage-content{display:flex;flex-direction:column;gap:1.25rem}.coverage-percentage{color:#1a7a85;font-size:4rem;font-weight:700;line-height:1;text-align:center}.coverage-bar{background:#1a7a851a;box-shadow:inset 0 2px 4px #0000000f;height:24px;overflow:hidden;width:100%}.coverage-bar,.coverage-fill{border-radius:12px;position:relative}.coverage-fill{background:linear-gradient(90deg,#1a7a85,#34424f);box-shadow:0 2px 8px #1a7a8566;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.coverage-fill:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff3;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.coverage-text{color:#6a7882;font-size:.875rem;line-height:1.5;margin:0;text-align:center}@media (max-width:768px){.overview-container{padding:1.25rem}.overview-header h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:2.25rem}.coverage-percentage{font-size:3rem}}.auth-container{align-items:center;display:flex;gap:1rem}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#fff;font-size:.95rem;font-weight:600}.tenant-info{color:#fffc;font-family:monospace;font-size:.75rem}.btn-login,.btn-logout{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-login{align-items:center;background:#2f2f2f;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.2px;padding:9px 20px}.btn-login:hover{background:#1f1f1f;box-shadow:0 4px 8px #0000004d}.btn-login:active{transform:scale(.98)}.btn-login .ms-logo{flex-shrink:0}.btn-logout{background:#fff3;border:2px solid #ffffff4d;color:#fff}.btn-logout:hover{background:#ffffff4d;border-color:#ffffff80}
/*# sourceMappingURL=main.89e0bf0e.css.map*/