.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner{border:3px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.spinner--small{width:1rem;height:1rem;border-width:2px}.spinner--medium{width:2rem;height:2rem}.spinner--large{width:3rem;height:3rem;border-width:4px}.spinner__text{margin:0;color:#6c757d;font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loading-state{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:1rem;font-weight:500;line-height:1.5;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:#007bff;color:#fff}.btn--primary:hover:not(:disabled){background-color:#0056b3}.btn--secondary{background-color:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#5a6268}.btn--success{background-color:#28a745;color:#fff}.btn--success:hover:not(:disabled){background-color:#218838}.btn--danger{background-color:#dc3545;color:#fff}.btn--danger:hover:not(:disabled){background-color:#c82333}.btn--warning{background-color:#ffc107;color:#212529}.btn--warning:hover:not(:disabled){background-color:#e0a800}.btn--info{background-color:#17a2b8;color:#fff}.btn--info:hover:not(:disabled){background-color:#138496}.btn--small{padding:.375rem .75rem;font-size:.875rem}.btn--large{padding:.875rem 1.75rem;font-size:1.125rem}.btn--full-width{width:100%}.btn--loading{position:relative;color:transparent}.btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.btn__icon{display:inline-flex;align-items:center}.error-alert{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;animation:slideIn var(--transition-base) ease-out}.error-alert__icon{flex-shrink:0;font-size:48px;line-height:1}.error-alert__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.error-alert__title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-error-dark)}.error-alert__message{margin:0;font-size:var(--font-size-base);color:var(--color-error-dark);line-height:1.5}.error-alert__button{align-self:flex-start;margin-top:var(--spacing-sm)}@media(max-width:768px){.error-alert{flex-direction:column;text-align:center}.error-alert__icon{align-self:center}.error-alert__button{align-self:stretch}}.label{font-weight:600;display:block;margin-bottom:.5rem;color:#212529;font-size:1rem}.label__required{color:#dc3545;margin-left:.25rem}.input-wrapper{display:inline-block;position:relative}.input-wrapper--full-width{width:100%}.input{width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:inherit;box-sizing:border-box}.input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.input:disabled{background-color:#e9ecef;opacity:1}.input--error{border-color:#dc3545}.input--error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.input__error{display:block;margin-top:.25rem;font-size:.875rem;color:#dc3545}.textarea-wrapper{display:inline-block;position:relative}.textarea-wrapper--full-width{width:100%}.textarea{width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:inherit;box-sizing:border-box;resize:vertical;min-height:80px}.textarea:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.textarea:disabled{background-color:#e9ecef;opacity:1}.textarea--error{border-color:#dc3545}.textarea--error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.textarea__error{display:block;margin-top:.25rem;font-size:.875rem;color:#dc3545}.select-wrapper{display:inline-block;position:relative}.select-wrapper--full-width{width:100%}.select{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;box-sizing:border-box;cursor:pointer}.select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.select:disabled{background-color:#e9ecef;opacity:1;cursor:not-allowed}.select--error{border-color:#dc3545}.select--error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.select__error{display:block;margin-top:.25rem;font-size:.875rem;color:#dc3545}.form-field{margin-bottom:1.5rem}.form-field__help{margin-top:.25rem;font-size:.875rem;color:#6c757d}.contact-section{margin-bottom:2rem}.contact-section__intro,.contact-section__question{margin:1rem 0;font-style:italic;color:#495057}.contact-section__call-type,.contact-section__method{margin:1.5rem 0;padding:1rem;background-color:#e8f4f8;border-radius:.5rem;border:1px solid #b8d4da}.call-type-buttons,.contact-method-buttons{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.ticket-type-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid #e5e7eb;border-left-width:4px;border-radius:.5rem;background-color:#fff;transition:all .2s ease;cursor:pointer}.ticket-type-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.ticket-type-card--selected{border-color:#28a745;background-color:#f0f9f4}.ticket-type-card__icon{font-size:2rem;flex-shrink:0}.ticket-type-card__content{flex:1}.ticket-type-card__title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.ticket-type-card__description{margin:0;font-size:.875rem;color:#6b7280}.ticket-type-card__button{flex-shrink:0}.ticket-type-selector{margin-bottom:2rem}.ticket-type-selector__intro{margin:1rem 0;font-style:italic;color:#495057}.ticket-type-selector__description-container{position:relative;margin-bottom:2rem}.ticket-type-selector__correction-controls{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.5rem 0}.ticket-type-selector__success-message{color:#28a745;font-weight:500;font-size:.875rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ticket-type-selector__help{margin:2rem 0}.categorization-table{width:100%;border-collapse:collapse;margin-top:1rem}.categorization-table th,.categorization-table td{border:1px solid #ccc;padding:.75rem;text-align:left}.categorization-table th{background-color:#f0f0f0;font-weight:600}.categorization-table td{font-size:.875rem}.ticket-type-selector__cards{margin-top:2rem}.ticket-type-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem}@media(max-width:768px){.ticket-type-cards-grid{grid-template-columns:1fr}}.questions-section{margin:2rem 0}.questions-section__intro{margin:1rem 0;font-style:italic;color:#495057}.questions-list{display:flex;flex-direction:column;gap:.5rem}.questions-section__help{margin-top:1.5rem;padding:1rem;background-color:#e7f3ff;border-left:4px solid #007bff;border-radius:.25rem}.questions-section__help p{margin:0;color:#004085}.questions-section__help strong{color:#036}.followup-section{margin-bottom:2rem}.followup-section__intro{font-style:italic;color:#555;margin-bottom:1.5rem;padding:1rem;background-color:#f0f8ff;border-left:4px solid #4a90e2;border-radius:4px}.search-bar{position:relative;display:flex;gap:.5rem;align-items:flex-start}.search-bar__clear{flex-shrink:0}.procedures-toggle-btn{position:fixed;top:20px;right:20px;z-index:1000;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md);transition:all .2s ease}.procedures-toggle-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.procedures-toggle-btn .selected-count{background-color:var(--color-danger);color:#fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.procedures-panel{position:fixed;top:0;right:-500px;width:500px;height:100vh;background-color:#fff;box-shadow:-4px 0 8px #0000001a;z-index:1001;transition:right .3s ease;display:flex;flex-direction:column;overflow:hidden}.procedures-panel--open{right:0}.procedures-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid var(--color-gray-200);background-color:var(--color-gray-50)}.procedures-panel__header h3{margin:0;font-size:1.25rem;color:var(--color-gray-900)}.close-btn{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--color-gray-600);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.close-btn:hover{background-color:var(--color-gray-200);color:var(--color-gray-900)}.procedures-panel__content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.procedures-panel__info{padding:1rem;background-color:var(--color-gray-50);border-radius:.5rem;border:1px solid var(--color-gray-200)}.procedures-panel__info strong{display:block;margin-bottom:.5rem;color:var(--color-gray-900)}.procedures-panel__info .status-text{margin:.5rem 0;color:var(--color-gray-700);font-size:.938rem}.procedures-panel__info small{display:block;margin-top:.5rem;color:var(--color-gray-600);font-size:.813rem}.procedures-panel__list{flex:1;display:flex;flex-direction:column;gap:1rem}.loading-state,.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-gray-600)}.procedure-item{padding:1rem;border:2px solid var(--color-gray-200);border-radius:.5rem;background-color:#fff;transition:all .2s ease}.procedure-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.procedure-item--selected{border-color:var(--color-success);background-color:#f0f9f4}.procedure-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.procedure-item__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-gray-900);flex:1}.procedure-item__score{font-size:.813rem;font-weight:600;padding:.25rem .5rem;background-color:var(--color-primary);color:#fff;border-radius:.25rem;white-space:nowrap}.procedure-item__keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.keyword-tag{display:inline-block;padding:.25rem .5rem;background-color:var(--color-gray-100);color:var(--color-gray-700);border-radius:.25rem;font-size:.75rem;font-weight:500}.procedure-item__actions{display:flex;justify-content:flex-end}.procedures-panel__footer{padding:1rem;border-top:2px solid var(--color-gray-200);background-color:var(--color-gray-50);text-align:center;color:var(--color-gray-900)}.procedures-panel__backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:1000}@media(max-width:768px){.procedures-panel{width:100%;right:-100%}.procedures-toggle-btn{top:10px;right:10px;padding:.5rem 1rem;font-size:.875rem}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.75rem;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.625rem}.badge--primary{background-color:#007bff}.badge--danger{background-color:#dc3545}.badge--warning{background-color:#ffc107;color:#212529}.badge--success{background-color:#28a745}.preview-section{margin-top:2rem}.preview-section h2{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.preview-hint{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.preview-boxes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.preview-box{background:#fff;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.preview-box-header{background:var(--color-background-secondary);padding:1rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.preview-box-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary);font-weight:600}.preview-box-content{padding:1.5rem;min-height:300px;max-height:500px;overflow-y:auto}.preview-box-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;line-height:1.6;color:var(--color-text-primary)}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;color:var(--color-text-secondary)}.preview-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.preview-loading p{margin:0;font-size:.95rem}.preview-empty{display:flex;align-items:center;justify-content:center;min-height:250px;color:var(--color-text-secondary);font-style:italic;text-align:center;padding:2rem}@media(max-width:968px){.preview-boxes{grid-template-columns:1fr}}@media(max-width:640px){.preview-section h2{font-size:1.25rem}.preview-box-content{padding:1rem;min-height:200px;max-height:400px}.preview-box-content pre{font-size:.875rem}}.msform-dropdown{position:relative;display:inline-block}.msform-dropdown__toggle{position:relative;background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease;color:var(--text-primary)}.msform-dropdown__toggle:hover{background-color:var(--bg-secondary)}.msform-dropdown__toggle .badge{position:absolute;top:0;right:0;transform:translate(25%,-25%)}.msform-dropdown__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:999}.msform-dropdown__panel{position:absolute;top:calc(100% + .5rem);right:0;width:500px;max-height:600px;background:#fff;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:1000;display:flex;flex-direction:column}.msform-dropdown__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.5rem .5rem 0 0}.msform-dropdown__header h3{margin:0;font-size:1.125rem;font-weight:600}.msform-dropdown__close{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s ease}.msform-dropdown__close:hover{opacity:1}.msform-dropdown__content{flex:1;overflow-y:auto;padding:1rem;min-height:200px}.msform-dropdown__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.msform-dropdown__loading p{margin-top:1rem;font-size:.875rem}.msform-dropdown__error{padding:1rem;background-color:#fee;border:1px solid #fcc;border-radius:.375rem;color:#c00}.msform-dropdown__empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.msform-dropdown__empty p:first-child{font-size:2rem;margin-bottom:.5rem}.msform-dropdown__empty-hint{font-size:.875rem;color:var(--text-muted)}.msform-dropdown__list{display:flex;flex-direction:column;gap:.75rem}.msform-dropdown__item{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;transition:all .2s ease}.msform-dropdown__item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.msform-dropdown__item--unread{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-color:#3b82f6;border-width:2px}.msform-dropdown__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.msform-dropdown__item-workorder{font-weight:600;font-size:1rem;color:var(--text-primary)}.msform-dropdown__item-badge{font-size:.75rem;padding:.25rem .5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:.25rem;font-weight:500}.msform-dropdown__item-meta{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.msform-dropdown__item-time{display:flex;align-items:center;gap:.25rem}.msform-dropdown__item-name{display:flex;align-items:center;gap:.25rem;color:var(--text-primary);font-weight:500}.msform-dropdown__item-preview{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.75rem;font-style:italic}.msform-dropdown__item-actions{display:flex;gap:.5rem;flex-wrap:wrap}.msform-dropdown__footer{padding:.75rem 1rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:0 0 .5rem .5rem}.msform-dropdown__info{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center}@media(max-width:768px){.msform-dropdown__panel{width:calc(100vw - 2rem);max-width:500px;right:auto;left:50%;transform:translate(-50%)}.msform-dropdown__item-actions{flex-direction:column}.msform-dropdown__item-actions button{width:100%}}@media(max-width:480px){.msform-dropdown__panel{width:100vw;max-width:none;left:0;right:0;transform:none;border-radius:0;max-height:100vh}.msform-dropdown__header,.msform-dropdown__footer{border-radius:0}}.center-buttons-group>*{margin-right:10px}.center-buttons-group>*:last-child{margin-right:0}.main-form-page{min-height:100vh;padding:2rem 0;background-color:var(--color-gray-50)}.page-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--color-gray-200)}.page-header__top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header__title{text-align:center;flex:1}.page-header__actions{display:flex;align-items:center;gap:1rem}.page-header h1{margin:0 0 .5rem;color:var(--color-gray-900);font-size:2.5rem}.version-info{margin:0;color:var(--color-gray-600);font-size:1rem}.ticket-form{max-width:900px;margin:0 auto}.form-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0;padding:2rem;background-color:var(--color-white);border-radius:.5rem;box-shadow:var(--shadow-sm)}.btn-generate,.btn-reset{padding:.875rem 2rem;font-size:1.125rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-generate{background-color:var(--color-primary);color:#fff}.btn-generate:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-reset{background-color:var(--color-secondary);color:#fff}.btn-reset:hover{background-color:var(--color-gray-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.info-banner{margin:3rem auto;max-width:900px;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:1rem;box-shadow:var(--shadow-lg)}.info-banner h3{margin:0 0 1rem;font-size:1.5rem}.info-banner p{margin:1rem 0 .5rem}.info-banner ul{margin:.5rem 0;padding-left:1.5rem}.info-banner li{margin:.5rem 0}.error-message{padding:2rem;background-color:#f8d7da;border:2px solid #f5c6cb;border-radius:.5rem;color:#721c24;text-align:center}.error-message h2{margin:0 0 1rem}.error-message p{margin:.5rem 0}@media(max-width:768px){.page-header h1{font-size:1.75rem}.form-actions{flex-direction:column}.btn-generate,.btn-reset{width:100%}}.debug-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.debug-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-xl);border-radius:12px;margin-bottom:2rem;text-align:center;box-shadow:0 4px 6px #0000001a}.debug-header h1{margin:0 0 var(--spacing-sm) 0;font-size:2.5rem;font-weight:700}.debug-header p{margin:0;opacity:.9;font-size:1.1rem}.test-controls{background:#f8f9fa;padding:1.5rem;border-radius:var(--radius-md);margin-bottom:2rem;display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center;box-shadow:0 2px 4px #0000000d}.test-controls button{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 2px 4px #0000001a}.test-controls button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.test-controls button:active{transform:translateY(0)}.test-controls button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.test-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.summary-card .label{font-size:.9rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.summary-card .value{font-size:3rem;font-weight:700;margin:.5rem 0}.summary-card.total .value{color:#6c757d}.summary-card.passed .value{color:#28a745}.summary-card.failed .value{color:#dc3545}.summary-card.skipped .value{color:#ffc107}.test-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:2rem}.category-button{padding:var(--spacing-md);background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;text-align:left;font-size:1rem;font-weight:600;color:#333;box-shadow:0 2px 4px #0000000d}.category-button:hover{border-color:#007bff;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.category-button:active{transform:translateY(0)}.test-results{background:#fff;border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 2px 8px #0000001a;max-height:600px;overflow-y:auto}.test-results h3{margin-top:0;margin-bottom:1rem;font-size:1.5rem;color:#333}.test-results-empty{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.test-result-item{padding:var(--spacing-md);margin-bottom:.75rem;border-radius:6px;border-left:4px solid;background:#f8f9fa}.test-result-item.passed{border-left-color:#28a745;background:#f0fff4}.test-result-item.failed{border-left-color:#dc3545;background:#fff5f5}.test-result-item.skipped{border-left-color:#ffc107;background:#fffbf0}.test-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.test-result-title{font-weight:600;font-size:1rem;color:#333}.test-result-status{font-size:.9rem;font-weight:600;padding:.25rem .75rem;border-radius:4px}.test-result-status.passed{background:#28a745;color:#fff}.test-result-status.failed{background:#dc3545;color:#fff}.test-result-status.skipped{background:#ffc107;color:#333}.test-result-category{font-size:.85rem;color:#6c757d;margin-bottom:.5rem;font-weight:600}.test-result-message{font-size:.9rem;color:#495057;margin-top:.5rem}.test-result-error{font-size:.9rem;color:#dc3545;margin-top:.5rem;font-family:monospace;background:#fff5f5;padding:.5rem;border-radius:4px;white-space:pre-wrap;word-break:break-word}.loading-container{text-align:center;padding:var(--spacing-xl)}.loading-container p{margin-top:1rem;color:#6c757d;font-size:1.1rem}@media(max-width:768px){.debug-container{padding:var(--spacing-md)}.debug-header h1{font-size:2rem}.test-controls{flex-direction:column}.test-controls button{width:100%}.test-summary{grid-template-columns:repeat(2,1fr)}.test-categories{grid-template-columns:1fr}.summary-card .value{font-size:2.5rem}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base) ease-out}.loading-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay__content{position:relative;background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:300px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5;animation:slideIn var(--transition-base) ease-out}.error-message__icon{flex-shrink:0;font-size:var(--font-size-lg)}.error-message__text{flex:1;color:inherit}.error-message__dismiss{flex-shrink:0;background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);color:inherit;opacity:.7}.error-message__dismiss:hover{opacity:1;background-color:#0000001a}.error-message--error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.error-message--success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.error-message--warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.error-message--info{background-color:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.admin-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:var(--spacing-lg)}.admin-container{background:var(--color-white);max-width:1000px;margin:var(--spacing-lg) auto;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.admin-back-link{display:inline-block;color:#667eea;text-decoration:none;font-weight:700;margin-bottom:var(--spacing-lg);font-size:16px;cursor:pointer;transition:var(--transition-base)}.admin-back-link:hover{text-decoration:underline;transform:translate(-3px)}.admin-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid #667eea}.admin-header h1{color:#667eea;margin:0 0 var(--spacing-sm) 0;font-size:32px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.admin-header p{color:var(--color-gray-600);margin:0;font-size:16px}.admin-warning-box{background:#fff3cd;border:2px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;gap:var(--spacing-md);align-items:start}.admin-warning-box .icon{font-size:32px;flex-shrink:0}.admin-warning-box .content{flex:1}.admin-warning-box h3{margin:0 0 var(--spacing-sm) 0;color:#856404}.admin-warning-box p{margin:0 0 var(--spacing-sm) 0;color:#856404;line-height:1.6}.admin-warning-box p:last-child{margin-bottom:0}.admin-info-box{background:#e7f3ff;border-left:5px solid #2196F3;padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.admin-info-box h3{margin:0 0 var(--spacing-sm) 0;color:#1976d2}.admin-info-box ul{margin:var(--spacing-sm) 0 0 0;padding-left:25px}.admin-info-box li{margin:5px 0;color:var(--color-gray-600)}.admin-section-title{color:var(--color-gray-900);margin-bottom:var(--spacing-lg);font-size:24px}.admin-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-feature-card{background:var(--color-gray-50);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-slow)}.admin-feature-card.enabled{border-color:var(--color-success);background:#d4edda}.admin-feature-card.disabled{border-color:var(--color-danger);background:#f8d7da}.admin-feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.admin-feature-name{font-size:18px;font-weight:700;color:var(--color-gray-900)}.admin-feature-category{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase}.admin-category-integration{background:var(--color-primary);color:var(--color-white)}.admin-category-ai{background:#10a37f;color:var(--color-white)}.admin-feature-description{color:var(--color-gray-600);font-size:14px;margin-bottom:var(--spacing-md);line-height:1.5}.admin-feature-toggle{display:flex;align-items:center;gap:var(--spacing-md)}.admin-toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.admin-toggle-switch input{opacity:0;width:0;height:0}.admin-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-400);transition:var(--transition-base);border-radius:var(--radius-full)}.admin-toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--color-white);transition:var(--transition-base);border-radius:50%}.admin-toggle-switch input:checked+.admin-toggle-slider{background-color:var(--color-success)}.admin-toggle-switch input:checked+.admin-toggle-slider:before{transform:translate(26px)}.admin-toggle-switch input:disabled+.admin-toggle-slider{opacity:.5;cursor:not-allowed}.admin-toggle-label{font-weight:700;font-size:14px}.admin-toggle-label.enabled{color:var(--color-success)}.admin-toggle-label.disabled{color:var(--color-danger)}.admin-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.admin-loading-spinner{background:var(--color-white);padding:var(--spacing-xl) 50px;border-radius:var(--radius-xl);text-align:center}.admin-status-message{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);animation:slideIn var(--transition-slow)}.admin-status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.admin-status-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.admin-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.admin-empty-state .icon{font-size:48px;margin-bottom:var(--spacing-md)}@media(max-width:768px){.admin-page{padding:var(--spacing-sm)}.admin-container{padding:var(--spacing-lg)}.admin-header h1{font-size:24px}.admin-features-grid{grid-template-columns:1fr}.admin-feature-header{flex-direction:column;align-items:flex-start}}.chat-page{background:linear-gradient(135deg,#10a37f,#1a7f64);min-height:100vh;padding:var(--spacing-lg);display:flex;justify-content:center;align-items:center}.chat-page__container{background:var(--color-white);max-width:1000px;width:100%;margin:0 auto;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:calc(100vh - 80px)}.chat-page__header{margin-bottom:var(--spacing-lg);padding-bottom:15px;border-bottom:3px solid #10a37f}.chat-page__header-content{text-align:center}.chat-page__back-link{display:inline-block;background:none;border:none;color:#10a37f;text-decoration:none;font-weight:700;margin-bottom:var(--spacing-md);font-size:16px;cursor:pointer;padding:0;transition:var(--transition-base)}.chat-page__back-link:hover{opacity:.8;text-decoration:underline}.chat-page__title{color:#10a37f;margin:0 0 10px;font-size:32px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.chat-page__icon{font-size:36px}.chat-page__subtitle{color:var(--color-gray-600);margin:0;font-size:15px}.chat-page__header-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.chat-page__action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chat-page__action-btn--secondary{background:#f0f9ff;color:#10a37f;border:1px solid #10a37f}.chat-page__action-btn--secondary:hover:not(:disabled){background:#10a37f;color:#fff}.chat-page__action-btn--danger{background:#fff5f5;color:#dc3545;border:1px solid #dc3545}.chat-page__action-btn--danger:hover:not(:disabled){background:#dc3545;color:#fff}.chat-page__action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-page__info-box{background:#f0f9ff;padding:var(--spacing-md);border-radius:var(--radius-md);border-left:5px solid #10a37f;margin-bottom:var(--spacing-lg);font-size:14px;line-height:1.5}.chat-page__info-box strong{color:#10a37f;font-size:15px}.chat-page__messages-container{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:#f8f9fa;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-page__welcome{text-align:center;padding:40px 20px}.chat-page__welcome-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.chat-page__welcome-title{color:#2c3e50;font-size:28px;margin:0 0 10px}.chat-page__welcome-text{color:var(--color-gray-600);font-size:16px;margin:0 0 30px}.chat-page__examples{text-align:left;max-width:800px;margin:0 auto}.chat-page__examples-title{color:#10a37f;font-size:20px;margin:0 0 20px;text-align:center}.chat-page__example-category{margin-bottom:25px}.chat-page__example-category-title{color:#2c3e50;font-size:16px;margin:0 0 12px;font-weight:600}.chat-page__example-prompts{display:flex;flex-direction:column;gap:8px}.chat-page__example-prompt{background:var(--color-white);border:1px solid #dee2e6;border-radius:var(--radius-md);padding:12px 16px;text-align:left;cursor:pointer;transition:all .2s;font-size:14px;color:#2c3e50}.chat-page__example-prompt:hover{border-color:#10a37f;background:#f0f9ff;transform:translate(4px)}.chat-page__message{display:flex;gap:var(--spacing-sm);animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-page__message--user{flex-direction:row-reverse}.chat-page__message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.chat-page__message--user .chat-page__message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.chat-page__message--assistant .chat-page__message-avatar{background:linear-gradient(135deg,#10a37f,#1a7f64)}.chat-page__message-content{max-width:70%;padding:12px 16px;border-radius:var(--radius-xl);line-height:1.6;word-wrap:break-word}.chat-page__message--user .chat-page__message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.chat-page__message--assistant .chat-page__message-content{background:var(--color-white);color:#2c3e50;border:1px solid #dee2e6;border-bottom-left-radius:4px}.chat-page__message--system .chat-page__message-content{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;text-align:center;max-width:100%;font-style:italic;font-size:14px}.chat-page__message--assistant .chat-page__message-content h1,.chat-page__message--assistant .chat-page__message-content h2,.chat-page__message--assistant .chat-page__message-content h3,.chat-page__message--assistant .chat-page__message-content h4,.chat-page__message--assistant .chat-page__message-content h5,.chat-page__message--assistant .chat-page__message-content h6{margin-top:16px;margin-bottom:8px;color:#10a37f;font-weight:600}.chat-page__message--assistant .chat-page__message-content h1{font-size:1.5em}.chat-page__message--assistant .chat-page__message-content h2{font-size:1.3em}.chat-page__message--assistant .chat-page__message-content h3{font-size:1.2em}.chat-page__message--assistant .chat-page__message-content h4{font-size:1.1em}.chat-page__message--assistant .chat-page__message-content h1:first-child,.chat-page__message--assistant .chat-page__message-content h2:first-child,.chat-page__message--assistant .chat-page__message-content h3:first-child{margin-top:0}.chat-page__message--assistant .chat-page__message-content p{margin:8px 0}.chat-page__message--assistant .chat-page__message-content ul,.chat-page__message--assistant .chat-page__message-content ol{margin:8px 0;padding-left:24px}.chat-page__message--assistant .chat-page__message-content li{margin:4px 0}.chat-page__message--assistant .chat-page__message-content code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#e83e8c}.chat-page__message--assistant .chat-page__message-content pre{background:#f4f4f4;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.chat-page__message--assistant .chat-page__message-content pre code{background:none;padding:0;color:#2c3e50}.chat-page__message--assistant .chat-page__message-content blockquote{border-left:4px solid #10a37f;padding-left:16px;margin:12px 0;color:#555;font-style:italic}.chat-page__message--assistant .chat-page__message-content strong{font-weight:600;color:#2c3e50}.chat-page__message--assistant .chat-page__message-content em{font-style:italic}.chat-page__message--assistant .chat-page__message-content hr{border:none;border-top:2px solid #dee2e6;margin:16px 0}.chat-page__message--assistant .chat-page__message-content a{color:#10a37f;text-decoration:none}.chat-page__message--assistant .chat-page__message-content a:hover{text-decoration:underline}.chat-page__message--assistant .chat-page__message-content table{border-collapse:collapse;width:100%;margin:12px 0}.chat-page__message--assistant .chat-page__message-content th,.chat-page__message--assistant .chat-page__message-content td{border:1px solid #dee2e6;padding:8px;text-align:left}.chat-page__message--assistant .chat-page__message-content th{background:#f8f9fa;font-weight:600}.chat-page__typing-indicator{display:flex;gap:4px;padding:12px 16px;background:var(--color-white);border:1px solid #dee2e6;border-radius:var(--radius-xl);border-bottom-left-radius:4px}.chat-page__typing-indicator span{width:8px;height:8px;border-radius:50%;background:#10a37f;animation:typing 1.4s infinite}.chat-page__typing-indicator span:nth-child(2){animation-delay:.2s}.chat-page__typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-page__error{background:#fff5f5;color:#dc3545;padding:12px 16px;border-radius:var(--radius-md);border-left:4px solid #dc3545;margin-bottom:var(--spacing-md);font-size:14px;animation:fadeIn .3s ease-in}.chat-page__input-container{display:flex;gap:var(--spacing-sm);align-items:flex-end}.chat-page__input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:var(--radius-md);font-family:inherit;font-size:15px;resize:none;transition:border-color .2s;line-height:1.5}.chat-page__input:focus{outline:none;border-color:#10a37f}.chat-page__input:disabled{background:#f8f9fa;cursor:not-allowed}.chat-page__send-btn{padding:12px 24px;background:linear-gradient(135deg,#10a37f,#1a7f64);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.chat-page__send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10a37f4d}.chat-page__send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-page-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#10a37f,#1a7f64)}@media(max-width:768px){.chat-page{padding:var(--spacing-sm)}.chat-page__container{padding:var(--spacing-lg);height:calc(100vh - 40px)}.chat-page__title{font-size:24px}.chat-page__subtitle{font-size:13px}.chat-page__header-actions{flex-direction:column}.chat-page__action-btn{width:100%}.chat-page__message-content{max-width:85%}.chat-page__welcome{padding:20px 10px}.chat-page__welcome-title{font-size:22px}.chat-page__welcome-text{font-size:14px}.chat-page__input-container{flex-direction:column;align-items:stretch}.chat-page__send-btn{width:100%}}.chat-page__messages-container::-webkit-scrollbar{width:8px}.chat-page__messages-container::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.chat-page__messages-container::-webkit-scrollbar-thumb{background:#10a37f;border-radius:4px}.chat-page__messages-container::-webkit-scrollbar-thumb:hover{background:#0d8064}.time-entry-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-xl) var(--spacing-md)}.time-entry-page__container{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:var(--spacing-xl)}.time-entry-page__back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:#667eea;text-decoration:none;font-weight:500;margin-bottom:1.5rem;transition:color .3s ease}.time-entry-page__back-link:hover{color:#764ba2;text-decoration:underline}.time-entry-page__header{text-align:center;margin-bottom:2rem}.time-entry-page__header h1{font-size:2.5rem;color:#2d3748;margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:.75rem}.time-entry-page__icon{font-size:3rem}.time-entry-page__subtitle{font-size:1.1rem;color:#718096;margin:0}.time-entry-page__info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:2rem;display:flex;align-items:flex-start;gap:.75rem}.time-entry-page__info-icon{font-size:1.5rem;flex-shrink:0}.time-entry-page__input-section{background:#f7fafc;border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:2rem}.time-entry-page__input-section h2{font-size:1.5rem;color:#2d3748;margin:0 0 var(--spacing-sm) 0}.time-entry-page__helper-text{font-size:.9rem;color:#718096;margin:0 0 1rem}.time-entry-page__textarea{width:100%;padding:var(--spacing-md);border:2px solid #cbd5e0;border-radius:var(--radius-md);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;line-height:1.6;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.time-entry-page__textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.time-entry-page__textarea:disabled{background:#f7fafc;cursor:not-allowed;opacity:.7}.time-entry-page__actions{display:flex;gap:var(--spacing-md);margin-top:1rem}.time-entry-page__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.time-entry-page__button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px #667eea4d}.time-entry-page__button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.time-entry-page__button--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.time-entry-page__button--secondary{background:#fff;color:#718096;border:2px solid #e2e8f0}.time-entry-page__button--secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.time-entry-page__button--secondary:disabled{opacity:.5;cursor:not-allowed}.time-entry-page__button--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 6px #10b9814d}.time-entry-page__button--success:hover{transform:translateY(-2px);box-shadow:0 6px 12px #10b98166}.time-entry-page__results-section{margin-top:2rem}.time-entry-page__results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:var(--spacing-md)}.time-entry-page__results-header h2{font-size:1.5rem;color:#2d3748;margin:0}.time-entry-page__entries{display:flex;flex-direction:column;gap:1.5rem}.time-entry-page__entry-card{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.time-entry-page__entry-card:hover{box-shadow:0 4px 12px #0000001a}.time-entry-page__entry-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-lg);font-weight:600;display:inline-block;margin-bottom:1rem}.time-entry-page__entry-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:1rem}.time-entry-page__entry-column h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#718096;margin:0 0 .75rem;font-weight:600}.time-entry-page__entry-content{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.95rem;line-height:1.6;min-height:80px;white-space:pre-wrap;word-wrap:break-word}.time-entry-page__entry-content--raw{background:#fef3c7;border:1px solid #fbbf24;color:#92400e;font-style:italic}.time-entry-page__entry-content--formatted{background:#d1fae5;border:1px solid #10b981;color:#065f46;font-weight:500}.time-entry-page__entry-arrow{font-size:2rem;color:#667eea;font-weight:700}.time-entry-page__copy-button{background:#f7fafc;border:2px solid #cbd5e0;color:#4a5568;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.time-entry-page__copy-button:hover{background:#fff;border-color:#667eea;color:#667eea}.time-entry-page__empty-state{text-align:center;padding:4rem 2rem;color:#718096}.time-entry-page__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.time-entry-page__empty-state h3{font-size:1.5rem;color:#4a5568;margin:0 0 var(--spacing-sm) 0}.time-entry-page__empty-state p{font-size:1rem;max-width:500px;margin:0 auto}@media(max-width:768px){.time-entry-page{padding:1rem .5rem}.time-entry-page__container{padding:var(--spacing-md)}.time-entry-page__header h1{font-size:1.75rem}.time-entry-page__icon{font-size:2rem}.time-entry-page__entry-comparison{grid-template-columns:1fr;gap:var(--spacing-md)}.time-entry-page__entry-arrow{display:none}.time-entry-page__entry-column h3:before{content:"";display:block;margin-bottom:.5rem}.time-entry-page__entry-column:first-child h3:after{content:" ↓"}.time-entry-page__actions{flex-direction:column}.time-entry-page__button{width:100%}.time-entry-page__results-header{flex-direction:column;align-items:stretch}.time-entry-page__results-header .time-entry-page__button{width:100%}}.usage-page{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c);padding:var(--spacing-xl) var(--spacing-md)}.usage-page__container{max-width:1200px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 10px 30px #0003}.usage-page__header{margin-bottom:2rem}.usage-page__back-link{display:inline-block;color:#f093fb;text-decoration:none;font-weight:500;margin-bottom:1rem;transition:color .3s ease}.usage-page__back-link:hover{color:#f5576c}.usage-page__title{font-size:2.5rem;color:#333;margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.usage-page__icon{font-size:2.5rem}.usage-page__subtitle{color:#666;font-size:1.1rem;margin:0}.usage-page__info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:2rem;display:flex;align-items:flex-start;gap:.75rem}.usage-page__info-icon{font-size:1.5rem;flex-shrink:0}.usage-page__info-box p{margin:0;color:#78350f;line-height:1.5}.usage-page__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;padding:var(--spacing-lg);background:#f9fafb;border-radius:var(--radius-md)}.usage-page__filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.usage-page__filter-group label{font-weight:600;color:#374151;font-size:.875rem}.usage-page__select,.usage-page__search{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:all .3s ease}.usage-page__select:focus,.usage-page__search:focus{outline:none;border-color:#f093fb;box-shadow:0 0 0 3px #f093fb1a}.usage-page__clear-filter{position:absolute;right:.75rem;bottom:.75rem;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all .3s ease}.usage-page__clear-filter:hover{background:#dc2626;transform:scale(1.1)}.usage-page__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.usage-page__stat-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.usage-page__stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#f093fb}.usage-page__stat-icon{font-size:2.5rem;margin-bottom:.5rem}.usage-page__stat-value{font-size:2rem;font-weight:700;color:#f093fb;margin-bottom:.25rem}.usage-page__stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.usage-page__logs-section{margin-top:2rem}.usage-page__section-title{font-size:1.5rem;color:#333;margin:0 0 1rem;display:flex;align-items:center;gap:var(--spacing-sm)}.usage-page__filter-badge{background:#f093fb;color:#fff;padding:.25rem .75rem;border-radius:var(--radius-xl);font-size:.875rem;font-weight:500;margin-left:auto}.usage-page__empty-state{text-align:center;padding:3rem 2rem;background:#f9fafb;border-radius:var(--radius-md);border:2px dashed #d1d5db}.usage-page__empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.usage-page__empty-state p{color:#6b7280;font-size:1.1rem;margin:0}.usage-page__table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:2px solid #e5e7eb}.usage-page__table{width:100%;border-collapse:collapse;background:#fff}.usage-page__table thead{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.usage-page__table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.usage-page__table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.usage-page__table tbody tr:hover{background:#f9fafb}.usage-page__table tbody tr:last-child{border-bottom:none}.usage-page__table td{padding:var(--spacing-md);color:#374151}.usage-page__event-type{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.usage-page__event-icon{font-size:1.25rem}.usage-page__user{color:#f093fb;font-weight:600}.usage-page__details{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-page__timestamp{color:#6b7280;font-size:.875rem;font-family:Courier New,monospace}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.usage-page{padding:var(--spacing-md)}.usage-page__container{padding:var(--spacing-lg)}.usage-page__title,.usage-page__icon{font-size:2rem}.usage-page__stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.usage-page__stat-card{padding:var(--spacing-md)}.usage-page__stat-icon{font-size:2rem}.usage-page__stat-value{font-size:1.5rem}.usage-page__filters{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.usage-page__table{font-size:.875rem}.usage-page__table th,.usage-page__table td{padding:.75rem .5rem}.usage-page__details{max-width:150px}.usage-page__section-title{font-size:1.25rem;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.usage-page__filter-badge{margin-left:0}}@media(max-width:480px){.usage-page__stats-grid{grid-template-columns:1fr}.usage-page__table thead{display:none}.usage-page__table,.usage-page__table tbody,.usage-page__table tr,.usage-page__table td{display:block}.usage-page__table tr{margin-bottom:1rem;border:2px solid #e5e7eb;border-radius:var(--radius-md);padding:.75rem}.usage-page__table td{padding:.5rem 0;border-bottom:1px solid #f3f4f6}.usage-page__table td:last-child{border-bottom:none}.usage-page__table td:before{content:attr(data-label);font-weight:600;color:#6b7280;display:inline-block;width:100px}.usage-page__details{max-width:100%;white-space:normal}}.app{min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #007bff;--color-primary-dark: #0056b3;--color-primary-light: #80bdff;--color-secondary: #6c757d;--color-success: #28a745;--color-success-light: #d4edda;--color-success-dark: #155724;--color-danger: #dc3545;--color-error: #dc3545;--color-error-light: #f8d7da;--color-error-dark: #721c24;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-warning-dark: #856404;--color-info: #17a2b8;--color-info-light: #d1ecf1;--color-info-dark: #0c5460;--color-incident: #ff6b35;--color-probleme: #dc3545;--color-service: #28a745;--color-changement: #007bff;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body{font-family:var(--font-sans);color:var(--color-gray-900);background-color:var(--color-gray-50);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono)}#root{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-white)}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-white)}.top-buttons-container{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fffffff2;border-bottom:2px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.center-buttons-group{display:flex;gap:15px;align-items:center}.left-buttons-group,.right-buttons-group{display:flex;align-items:center}.procedures-button{position:relative;background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;box-shadow:0 2px 5px #0003}.procedures-button:hover{background-color:#0056b3}.msforms-button{position:relative;background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;box-shadow:0 2px 5px #0003}.msforms-button:hover{background-color:#0056b3}.time-entry-button{position:relative;background-color:#9b59b6;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 5px #0003;transition:background-color .3s ease}.time-entry-button:hover{background-color:#8e44ad}.gpt-chat-button{position:relative;background-color:#10a37f;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 5px #0003;transition:background-color .3s ease}.gpt-chat-button:hover{background-color:#0d8c6d}.admin-only-button{position:relative;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 5px #0003;transition:background-color .3s ease}.usage-button{background-color:#17a2b8;color:#fff}.usage-button:hover{background-color:#138496}.debug-button{background-color:#ffc107;color:#333}.debug-button:hover{background-color:#e0a800}.admin-button{background-color:#6c757d;color:#fff}.admin-button:hover{background-color:#5a6268}.home-button{position:relative;background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 5px #0003;transition:background-color .3s ease}.home-button:hover{background-color:#0056b3}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:#dc3545;color:#fff;border-radius:50%;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center}.main-form-page,.chat-page,.time-entry-page,.admin-page,.usage-page,.debug-container{padding-top:80px}