@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bp-xs: 400px;--bp-sm: 600px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1200px;--widget-min-width: 280px;--widget-max-width: 100%;--widget-preferred-width: 100%;--widget-touch-min: 44px;--widget-safe-top: env(safe-area-inset-top, 0px);--widget-safe-bottom: env(safe-area-inset-bottom, 0px);--widget-safe-left: env(safe-area-inset-left, 0px);--widget-safe-right: env(safe-area-inset-right, 0px);--widget-bg: rgba(255, 255, 255, .95);--widget-bg-secondary: rgba(248, 249, 250, .8);--widget-border: rgba(0, 0, 0, .06);--widget-border-hover: rgba(0, 0, 0, .1);--widget-text-primary: #1d1d1f;--widget-text-secondary: #424245;--widget-text-muted: #86868b;--widget-accent: #007AFF;--widget-accent-hover: #0051D5;--widget-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--widget-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--widget-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--widget-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--widget-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--widget-transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.app-theme-dark,[data-theme=dark]{--widget-bg: rgba(28, 28, 30, .95);--widget-bg-secondary: rgba(20, 20, 22, .8);--widget-border: rgba(255, 255, 255, .1);--widget-border-hover: rgba(255, 255, 255, .15);--widget-text-primary: #f2f2f7;--widget-text-secondary: #aeaeb2;--widget-text-muted: #8e8e93}.widget-container{container-type:inline-size;container-name:widget}.ticket-widget-card,.task-widget-card,.note-widget-card{container-type:inline-size;container-name:widget-card;width:100%;min-width:0;max-width:100%;box-sizing:border-box;--widget-space-xs: max(4px, 1.5cqi);--widget-space-sm: max(8px, 2.5cqi);--widget-space-md: max(12px, 3.5cqi);--widget-space-lg: max(16px, 4.5cqi);--widget-space-xl: max(24px, 6cqi);--widget-font-xs: max(10px, 2.2cqi);--widget-font-sm: max(11px, 2.6cqi);--widget-font-md: max(13px, 3cqi);--widget-font-lg: max(15px, 3.5cqi);--widget-font-xl: max(18px, 4cqi);--widget-font-title: max(16px, 4cqi);--widget-radius-sm: max(6px, 1.5cqi);--widget-radius-md: max(10px, 2cqi);--widget-radius-lg: max(12px, 2.5cqi);--widget-card-padding-x: max(12px, 4cqi);--widget-card-padding-y: max(12px, 3.5cqi);--widget-action-padding-x: max(12px, 4cqi);--widget-action-padding-y: max(10px, 2.5cqi);--widget-grid-gap-sm: max(8px, 2cqi);--widget-grid-gap-md: max(12px, 3cqi);--widget-grid-gap-lg: max(16px, 4cqi);--widget-icon-sm: max(14px, 3cqi);--widget-icon-md: max(18px, 4cqi);--widget-icon-lg: max(22px, 5cqi);--widget-btn-height-sm: max(32px, 7cqi);--widget-btn-height-md: max(36px, 8cqi);--widget-btn-height-lg: max(44px, 9cqi);--widget-section-margin: max(16px, 4cqi);--widget-field-margin: max(6px, 1.5cqi)}.task-card-main,.ticket-card-main,.note-card-main{display:flex;flex-direction:column}.task-primary-info,.ticket-primary-info,.note-primary-info{flex:1}.task-status-section,.ticket-status-section,.note-status-section{width:100%}@container widget-card (max-width: 499px){.task-card-main,.ticket-card-main,.note-card-main{display:block!important;padding:14px 16px!important}.task-primary-info,.ticket-primary-info,.note-primary-info{display:block!important;width:100%!important;margin-bottom:14px!important;padding-bottom:14px!important;border-bottom:1px solid var(--widget-border, rgba(0, 0, 0, .06))}.task-header,.ticket-header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;margin-bottom:8px!important}.task-header .task-icon,.ticket-header .ticket-icon{font-size:22px!important}.task-title-section,.ticket-title-section{flex:1!important;min-width:0!important}.field-display.task-title,.field-display.ticket-title{font-size:16px!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.task-header-actions,.ticket-header-actions{flex-shrink:0!important}.task-status-section,.ticket-status-section,.note-status-section{display:block!important;border-left:none!important;padding-left:0!important;max-width:none!important;width:100%!important;min-width:unset!important;margin-bottom:0!important}}@container widget-card (min-width: 500px) and (max-width: 699px){.task-card-main,.ticket-card-main,.note-card-main{display:block!important;padding:16px 20px!important}.task-primary-info,.ticket-primary-info,.note-primary-info{display:block!important;width:100%!important;margin-bottom:16px!important;padding-bottom:16px!important;border-bottom:1px solid var(--widget-border, rgba(0, 0, 0, .06))}.task-header,.ticket-header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important}.task-header .task-icon,.ticket-header .ticket-icon{font-size:24px!important}.field-display.task-title,.field-display.ticket-title{font-size:18px!important;white-space:normal!important;overflow:visible!important}.task-status-section,.ticket-status-section,.note-status-section{display:block!important;border-left:none!important;padding-left:0!important;max-width:none!important;width:100%!important;min-width:unset!important}}@container widget-card (min-width: 700px){.task-card-main,.ticket-card-main,.note-card-main{display:grid!important;grid-template-columns:1fr 280px!important;grid-template-rows:auto!important;gap:16px 20px!important;align-items:start!important;padding:16px 20px!important}.task-primary-info,.ticket-primary-info,.note-primary-info{grid-column:1!important;grid-row:1 / -1!important;margin-bottom:0!important;padding-bottom:0!important;border-bottom:none!important;min-width:0!important;align-self:stretch!important}.task-status-section,.ticket-status-section,.note-status-section{grid-column:2!important}.task-header,.ticket-header{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-bottom:0!important}.task-header .task-icon,.ticket-header .ticket-icon{font-size:28px!important;flex-shrink:0!important;margin-top:2px!important}.task-title-section,.ticket-title-section{flex:1!important;min-width:0!important}.task-title-container,.ticket-title-container{margin-bottom:4px!important}.field-display.task-title,.field-display.ticket-title{font-size:18px!important;font-weight:600!important;line-height:1.3!important;padding:2px 4px!important}.task-description-container,.ticket-description-container{margin-top:4px!important}.field-display.task-description,.field-display.ticket-description{font-size:13px!important;line-height:1.4!important;padding:2px 4px!important;color:var(--widget-text-muted, #86868b)!important;max-height:40px!important;overflow:hidden!important}.task-description-container textarea,.ticket-description-container textarea{max-height:60px!important;min-height:40px!important;resize:none!important}.task-header-actions,.ticket-header-actions{flex-shrink:0!important;display:flex!important;gap:6px!important;margin-top:2px!important}.task-header-actions .header-action-btn,.ticket-header-actions .header-action-btn{width:30px!important;height:30px!important;font-size:13px!important}.task-status-section:first-of-type,.ticket-status-section:first-of-type,.note-status-section:first-of-type{padding-left:16px!important;border-left:1px solid var(--widget-border, rgba(0, 0, 0, .08))!important;padding-top:0!important}.task-status-section,.ticket-status-section,.note-status-section{margin-bottom:0!important;padding-left:16px!important;border-left:1px solid var(--widget-border, rgba(0, 0, 0, .08))!important;display:block!important;width:100%!important;min-width:unset!important;max-width:100%!important;padding-top:8px!important;padding-bottom:8px!important}.task-status-section:nth-of-type(1),.ticket-status-section:nth-of-type(1){padding-top:0!important}.task-status-section .status-priority-row,.ticket-status-section .status-priority-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 16px!important}.task-status-section .field-label,.ticket-status-section .field-label{font-size:10px!important;margin-bottom:4px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--widget-text-muted, #86868b)!important}.task-status-section .status-badge,.task-status-section .priority-badge,.ticket-status-section .status-badge,.ticket-status-section .priority-badge{font-size:11px!important;padding:4px 10px!important}.task-status-section .field-display,.ticket-status-section .field-display{font-size:12px!important;padding:2px 4px!important}.task-action-bar,.ticket-action-bar{padding:10px 20px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.task-actions,.ticket-actions{flex-direction:row!important;gap:10px!important}.task-action-bar .action-btn,.ticket-action-bar .action-btn{padding:6px 14px!important;font-size:12px!important}.task-meta-info,.ticket-meta-info{font-size:11px!important}}@container widget-card (min-width: 900px){.task-card-main,.ticket-card-main,.note-card-main{grid-template-columns:1fr 300px!important;padding:20px 24px!important;gap:16px 24px!important}.task-primary-info,.ticket-primary-info,.note-primary-info{grid-row:1 / -1!important}.field-display.task-title,.field-display.ticket-title{font-size:20px!important}.field-display.task-description,.field-display.ticket-description{font-size:15px!important}.task-status-section,.ticket-status-section,.note-status-section{padding-left:16px!important}.task-status-section .status-priority-row,.ticket-status-section .status-priority-row{gap:10px 16px!important}.note-type-visibility-row{gap:10px!important}.toggle-option{padding:3px 8px!important;font-size:11px!important}.ticket-card-main .folder-select{max-width:180px!important}}.folder-select{padding:6px 10px!important;font-size:12px!important;border-radius:6px!important;border:1px solid var(--widget-border, rgba(0, 0, 0, .1))!important;background:var(--widget-bg-secondary, rgba(248, 249, 250, .8))!important;max-width:100%!important;cursor:pointer!important}.toggle-options-row{display:flex!important;flex-wrap:wrap!important;gap:6px 8px!important;align-items:center!important}.toggle-option{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;border-radius:14px!important;background:var(--widget-bg-secondary, rgba(248, 249, 250, .8))!important;border:1px solid var(--widget-border, rgba(0, 0, 0, .06))!important;cursor:pointer!important;transition:all .2s ease!important;font-size:11px!important}.toggle-option:hover{background:rgba(0,122,255,.08)!important;border-color:#007aff33!important}.toggle-option.active{background:rgba(0,122,255,.1)!important;border-color:#007aff4d!important}.toggle-icon{font-size:12px!important}.toggle-label{font-size:11px!important;font-weight:500!important}.note-type-visibility-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}@container widget-card (min-width: 700px){.ticket-card-main>.ticket-status-section{margin-top:0!important;margin-bottom:0!important;padding-top:6px!important;padding-bottom:6px!important;border-bottom:1px solid var(--widget-border, rgba(0, 0, 0, .04))!important;padding-left:12px!important}.ticket-card-main>.ticket-status-section:first-of-type{padding-top:0!important}.ticket-card-main>.ticket-status-section:last-of-type{border-bottom:none!important;padding-bottom:0!important}.note-type-visibility-row{gap:6px!important}.note-type-visibility-row .status-container,.note-type-visibility-row .priority-container{padding:0!important}.note-type-visibility-row .badge-field{display:flex!important;flex-direction:column!important;gap:2px!important}.note-type-visibility-row .field-label{font-size:9px!important;margin-bottom:0!important;text-transform:uppercase!important;letter-spacing:.3px!important;color:var(--widget-text-muted, #86868b)!important}.note-type-visibility-row .status-badge{font-size:10px!important;padding:2px 6px!important;display:inline-block!important;width:fit-content!important}.note-type-visibility-row .field-display{display:none!important}.ticket-card-main .meta-field{display:flex!important;align-items:center!important;gap:8px!important}.ticket-card-main .meta-field .field-label{flex-shrink:0!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.3px!important;color:var(--widget-text-muted, #86868b)!important;min-width:40px!important}.ticket-card-main .folder-select{flex:1!important;max-width:160px!important;padding:4px 8px!important;font-size:11px!important}.toggle-options-row{gap:4px 6px!important;justify-content:flex-start!important}.toggle-option{padding:2px 6px!important;font-size:10px!important;border-radius:10px!important}.toggle-icon{font-size:10px!important}.toggle-label{font-size:9px!important}.follow-up-date-container,.current-folder-badge{display:none!important}}@container widget-card (max-width: 499px){.note-type-visibility-row{grid-template-columns:1fr!important;gap:10px!important}.toggle-options-row{flex-direction:column!important;align-items:stretch!important}.toggle-option{justify-content:flex-start!important;width:100%!important}.folder-select{width:100%!important}}@media (min-width: 1024px){.app-theme-dark .task-status-section,.app-theme-dark .ticket-status-section,.app-theme-dark .note-status-section,[data-theme=dark] .task-status-section,[data-theme=dark] .ticket-status-section,[data-theme=dark] .note-status-section{border-left-color:var(--widget-border, rgba(255, 255, 255, .1))}}@container widget-card (max-width: 399px){.status-priority-row,.note-type-visibility-row{grid-template-columns:1fr!important;gap:var(--widget-grid-gap-md)!important}.toggle-options-row{grid-template-columns:1fr!important}.widget-header-actions,.ticket-header-actions,.task-header-actions{grid-column:1 / -1;justify-content:flex-end;margin-top:var(--widget-space-sm)}.field-display.ticket-title,.field-display.task-title,.field-display.note-title{font-size:var(--widget-font-md)!important}.field-label{font-size:var(--widget-font-xs)!important}.status-badge,.priority-badge{width:100%;text-align:center;font-size:var(--widget-font-xs)!important}}@container widget-card (min-width: 400px) and (max-width: 599px){.status-priority-row{grid-template-columns:1fr 1fr!important;gap:var(--widget-grid-gap-md)!important}.note-type-visibility-row,.toggle-options-row{grid-template-columns:1fr 1fr!important}}@container widget-card (min-width: 600px) and (max-width: 767px){.status-priority-row{grid-template-columns:repeat(2,1fr)!important;gap:var(--widget-grid-gap-md)!important}}@container widget-card (min-width: 768px){.status-priority-row{grid-template-columns:repeat(4,1fr)!important;gap:var(--widget-grid-gap-lg)!important}}.widget-text-xs{font-size:var(--widget-font-xs)}.widget-text-sm{font-size:var(--widget-font-sm)}.widget-text-md{font-size:var(--widget-font-md)}.widget-text-lg{font-size:var(--widget-font-lg)}.widget-text-xl{font-size:var(--widget-font-xl)}.widget-p-xs{padding:var(--widget-space-xs)}.widget-p-sm{padding:var(--widget-space-sm)}.widget-p-md{padding:var(--widget-space-md)}.widget-p-lg{padding:var(--widget-space-lg)}.widget-p-xl{padding:var(--widget-space-xl)}.widget-gap-xs{gap:var(--widget-space-xs)}.widget-gap-sm{gap:var(--widget-space-sm)}.widget-gap-md{gap:var(--widget-space-md)}.widget-gap-lg{gap:var(--widget-space-lg)}.widget-grid{display:grid;gap:var(--widget-grid-gap-md)}.widget-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.widget-grid-1{grid-template-columns:1fr}.widget-grid-2{grid-template-columns:repeat(2,1fr)}.widget-grid-3{grid-template-columns:repeat(3,1fr)}.widget-grid-4{grid-template-columns:repeat(4,1fr)}@container widget-card (max-width: 599px){.widget-grid-2,.widget-grid-3,.widget-grid-4{grid-template-columns:1fr!important}}@container widget-card (min-width: 600px) and (max-width: 899px){.widget-grid-3,.widget-grid-4{grid-template-columns:repeat(2,1fr)!important}}.widget-touch-target{min-height:var(--widget-touch-min);min-width:var(--widget-touch-min)}@media (hover: none) and (pointer: coarse){.widget-btn,.action-btn,.header-action-btn,.toggle-option,.attachment-action{min-height:var(--widget-touch-min);min-width:var(--widget-touch-min)}.field-display.editable{min-height:var(--widget-touch-min);padding:var(--widget-space-sm) var(--widget-space-md)}.widget-card:hover,.ticket-widget-card:hover,.task-widget-card:hover{transform:none!important;box-shadow:var(--widget-shadow-md)!important}.widget-btn:active,.action-btn:active,.toggle-option:active{transform:scale(.97);opacity:.9}}@supports (padding: env(safe-area-inset-bottom)){.widget-action-bar,.ticket-action-bar,.task-action-bar{padding-bottom:calc(var(--widget-action-padding-y) + var(--widget-safe-bottom))}.widget-card-main,.ticket-card-main,.task-card-main{padding-left:calc(var(--widget-card-padding-x) + var(--widget-safe-left));padding-right:calc(var(--widget-card-padding-x) + var(--widget-safe-right))}}@media (orientation: landscape) and (max-height: 500px){.ticket-widget-card,.task-widget-card,.note-widget-card{margin:var(--widget-space-xs) 0}.ticket-card-main,.task-card-main{padding:var(--widget-space-md) var(--widget-space-lg)}.ticket-action-bar,.task-action-bar{padding:var(--widget-space-sm) var(--widget-space-lg);flex-direction:row!important;align-items:center}.ticket-actions,.task-actions{flex-direction:row!important;gap:var(--widget-space-sm)}.action-btn{flex:0 1 auto!important}.status-priority-row{grid-template-columns:repeat(4,1fr)!important;gap:var(--widget-grid-gap-sm)!important}}@media (max-height: 600px){.ticket-primary-info,.task-primary-info,.ticket-status-section,.task-status-section{margin-bottom:var(--widget-space-md)}.ticket-description-container,.task-description-container{max-height:80px}}.widget-action-bar-responsive{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--widget-space-sm);padding:var(--widget-action-padding-y) var(--widget-action-padding-x)}@container widget-card (max-width: 499px){.widget-action-bar-responsive,.ticket-action-bar,.task-action-bar{flex-direction:column!important;align-items:stretch!important;gap:var(--widget-space-md)!important}.ticket-actions,.task-actions{display:grid!important;grid-template-columns:1fr auto!important;gap:var(--widget-space-sm)!important}.ticket-actions .action-btn.primary,.task-actions .action-btn.primary{grid-column:1 / -1;order:-1}.ticket-meta-info,.task-meta-info{justify-content:center;text-align:center}}@container widget-card (max-width: 499px){.attachments-header{flex-direction:column!important;align-items:stretch!important;gap:var(--widget-space-sm)!important}.upload-btn{width:100%;justify-content:center}.attachments-grid{grid-template-columns:1fr!important}}@container widget-card (min-width: 500px) and (max-width: 799px){.attachments-grid{grid-template-columns:repeat(2,1fr)!important}}@container widget-card (min-width: 800px){.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}@container widget-card (max-width: 399px){.toggle-options-row{display:grid!important;grid-template-columns:1fr!important;gap:var(--widget-space-sm)!important}.toggle-option{justify-content:flex-start;padding:var(--widget-space-sm) var(--widget-space-md)}.follow-up-date-container{grid-column:1 / -1}}@container widget-card (min-width: 400px) and (max-width: 599px){.toggle-options-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--widget-space-sm)!important}.follow-up-date-container,.toggle-option.completed-toggle{grid-column:1 / -1}}@container widget-card (min-width: 600px){.toggle-options-row{display:flex!important;flex-wrap:wrap;gap:var(--widget-space-md)!important}}@media print{:root{--widget-space-xs: 4px;--widget-space-sm: 8px;--widget-space-md: 12px;--widget-space-lg: 16px;--widget-space-xl: 20px}.ticket-widget-card,.task-widget-card,.note-widget-card{box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid}.ticket-header-actions,.task-header-actions,.ticket-actions,.task-actions,.toggle-option,.attachments-section{display:none!important}.status-badge,.priority-badge{background:#f0f0f0!important;color:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ticket-widget-card:hover,.task-widget-card:hover{transform:none!important}.editing-pulse,.priority-badge.priority-urgent{animation:none!important}}@media (prefers-contrast: high){:root{--widget-border: rgba(0, 0, 0, .3);--widget-text-muted: #555}.status-badge,.priority-badge{border:2px solid currentColor}.field-display.editable:hover{background:rgba(0,122,255,.15)}}.field-display.editable:focus-visible,.action-btn:focus-visible,.header-action-btn:focus-visible,.toggle-option:focus-visible,.attachment-action:focus-visible{outline:3px solid var(--widget-accent);outline-offset:2px}.ticket-description-container,.task-description-container,.attachments-list{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;-webkit-overflow-scrolling:touch}.ticket-description-container::-webkit-scrollbar,.task-description-container::-webkit-scrollbar,.attachments-list::-webkit-scrollbar{width:4px;height:4px}.ticket-description-container::-webkit-scrollbar-track,.task-description-container::-webkit-scrollbar-track,.attachments-list::-webkit-scrollbar-track{background:transparent}.ticket-description-container::-webkit-scrollbar-thumb,.task-description-container::-webkit-scrollbar-thumb,.attachments-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.app-theme-dark .ticket-description-container::-webkit-scrollbar-thumb,.app-theme-dark .task-description-container::-webkit-scrollbar-thumb,[data-theme=dark] .ticket-description-container::-webkit-scrollbar-thumb,[data-theme=dark] .task-description-container::-webkit-scrollbar-thumb{background-color:#fff3}.ticket-widget-card{position:relative;background:var(--widget-bg, rgba(255, 255, 255, .95));backdrop-filter:blur(20px);border:1px solid var(--widget-border, rgba(0, 0, 0, .06));border-radius:var(--widget-radius-lg, 16px);box-shadow:var(--widget-shadow-md, 0 4px 16px rgba(0, 0, 0, .08));margin:var(--widget-space-sm, 12px) 0;overflow:hidden;transition:var(--widget-transition-slow, all .3s cubic-bezier(.4, 0, .2, 1));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;container-type:inline-size;container-name:widget-card;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.ticket-widget-card:hover{box-shadow:var(--widget-shadow-lg, 0 8px 32px rgba(0, 0, 0, .12));transform:translateY(-2px);border-color:var(--widget-border-hover, rgba(0, 0, 0, .1))}.ticket-widget-card.loading{opacity:.8;pointer-events:none}.ticket-card-main{padding:var(--widget-card-padding-y, 24px) var(--widget-card-padding-x, 32px)}.ticket-primary-info{margin-bottom:var(--widget-section-margin, 28px)}.ticket-header{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--widget-grid-gap-lg, 24px);margin-bottom:var(--widget-space-lg, 20px)}.ticket-icon{font-size:var(--widget-icon-lg, 28px);opacity:.75;margin-top:4px;flex-shrink:0}.ticket-title-section{min-width:0;max-width:100%;flex:1}.ticket-title-container{margin-bottom:var(--widget-field-margin, 10px)}.ticket-description-container{margin-top:var(--widget-space-sm, 10px)}.ticket-header-actions{display:flex;gap:var(--widget-space-sm, 10px);align-items:flex-start;margin-top:4px}.header-action-btn{width:var(--widget-btn-height-sm, 36px);height:var(--widget-btn-height-sm, 36px);border:none;border-radius:var(--widget-radius-sm, 8px);background:rgba(0,0,0,.05);cursor:pointer;transition:var(--widget-transition-normal, all .2s cubic-bezier(.4, 0, .2, 1));display:flex;align-items:center;justify-content:center;font-size:var(--widget-font-md, 14px)}.header-action-btn:hover{background:rgba(0,0,0,.1);transform:translateY(-1px) scale(1.05)}.field-display{position:relative;border-radius:var(--widget-radius-sm, 8px);transition:var(--widget-transition-normal, all .2s cubic-bezier(.4, 0, .2, 1));min-height:22px;display:flex;align-items:center}.field-display.editable{cursor:text}.field-display.editable:hover{background:rgba(0,122,255,.08);transform:scale(1.01)}.field-display.ticket-title{font-size:var(--widget-font-title, 22px);font-weight:600;color:var(--widget-text-primary, #1d1d1f);line-height:1.35;padding:var(--widget-space-xs, 6px) var(--widget-space-sm, 10px);letter-spacing:-.02em}.field-display.ticket-title.empty .field-placeholder{font-size:var(--widget-font-title, 22px);font-weight:600;color:var(--widget-text-muted, #86868b)}.field-display.ticket-description{font-size:var(--widget-font-md, 15px);color:var(--widget-text-secondary, #424245);line-height:1.55;padding:var(--widget-space-xs, 6px) var(--widget-space-sm, 10px)}.field-display.ticket-description.empty .field-placeholder{color:var(--widget-text-muted, #86868b);font-style:italic}.edit-container{position:relative}.editable-input{width:100%;border:2px solid #007AFF;border-radius:8px;background:rgba(255,255,255,.9);font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 3px #007aff1a}.editable-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 4px #007aff26}.ticket-title-editing{font-size:18px;font-weight:600;padding:8px 12px;color:#1d1d1f}.ticket-description-editing.textarea-input{font-size:14px;padding:8px 12px;color:#424245;resize:vertical;min-height:40px}.ticket-status-section{margin-bottom:var(--widget-section-margin, 28px)}.status-priority-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--widget-grid-gap-lg, 28px);align-items:start}.badge-field{position:relative}.field-label{display:block;font-size:var(--widget-font-sm, 12px);font-weight:500;color:var(--widget-text-muted, #86868b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--widget-space-xs, 6px)}.status-badge,.priority-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--widget-space-xs, 6px) var(--widget-space-sm, 12px);border-radius:20px;font-size:var(--widget-font-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:var(--widget-space-xs, 4px);min-width:70px;transition:var(--widget-transition-normal, all .2s cubic-bezier(.4, 0, .2, 1))}.status-badge.status-open{background:linear-gradient(135deg,#007AFF,#0051D5);color:#fff}.status-badge.status-in_progress{background:linear-gradient(135deg,#FF9F0A,#FF6B00);color:#fff}.status-badge.status-pending_customer{background:linear-gradient(135deg,#AF52DE,#8E44AD);color:#fff}.status-badge.status-resolved{background:linear-gradient(135deg,#32D74B,#248A3D);color:#fff}.status-badge.status-closed{background:linear-gradient(135deg,#8E8E93,#636366);color:#fff}.priority-badge.priority-low{background:linear-gradient(135deg,#32D74B,#248A3D);color:#fff}.priority-badge.priority-normal{background:linear-gradient(135deg,#007AFF,#0051D5);color:#fff}.priority-badge.priority-high{background:linear-gradient(135deg,#FF9F0A,#FF6B00);color:#fff}.priority-badge.priority-urgent{background:linear-gradient(135deg,#FF6B35,#FF3300);color:#fff}.priority-badge.priority-critical{background:linear-gradient(135deg,#FF453A,#D70015);color:#fff;animation:pulse-urgent 2s infinite}@keyframes pulse-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.meta-field .field-display{font-size:13px;color:#424245;padding:6px 8px}.meta-field .field-display.empty .field-placeholder{color:#86868b;font-style:italic}.assignee-field-editing,.contact-field-editing{font-size:13px;padding:6px 10px}.ticket-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--widget-action-padding-y, 16px) var(--widget-action-padding-x, 32px);background:var(--widget-bg-secondary, rgba(248, 249, 250, .8));border-top:1px solid var(--widget-border, rgba(0, 0, 0, .06));backdrop-filter:blur(10px);transition:var(--widget-transition-normal, all .2s ease)}.ticket-meta-info{display:flex;align-items:center;gap:var(--widget-grid-gap-sm, 12px);font-size:var(--widget-font-xs, 11px);color:var(--widget-text-muted, #86868b)}.ticket-actions{display:flex;align-items:center;gap:var(--widget-space-sm, 8px)}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--widget-space-xs, 6px) var(--widget-space-sm, 12px);border:none;border-radius:var(--widget-radius-sm, 8px);font-size:var(--widget-font-sm, 12px);font-weight:500;cursor:pointer;transition:var(--widget-transition-normal, all .2s cubic-bezier(.4, 0, .2, 1));text-decoration:none;white-space:nowrap}.action-btn.primary{background:var(--widget-accent, #007AFF);color:#fff;padding:var(--widget-space-sm, 8px) var(--widget-space-md, 16px)}.action-btn.primary:hover{background:var(--widget-accent-hover, #0051D5);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.action-btn.secondary{background:rgba(0,0,0,.05);color:var(--widget-text-secondary, #424245)}.action-btn.secondary:hover{background:rgba(0,0,0,.1);transform:translateY(-1px)}.action-btn.icon-only{width:var(--widget-btn-height-sm, 32px);height:var(--widget-btn-height-sm, 32px);padding:0;background:rgba(0,0,0,.05)}.action-btn.icon-only:hover{background:rgba(0,0,0,.1);transform:translateY(-1px) scale(1.05)}.loading-indicator{animation:spin 1s linear infinite}.sync-indicator{font-size:.75rem;padding:2px 6px;border-radius:4px;display:inline-block;margin-left:8px;font-weight:500;transition:all .2s ease}.sync-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.sync-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;cursor:help}.sync-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7;animation:pulse-sync 1.5s infinite}.sync-local{background-color:#e2e3e5;color:#495057;border:1px solid #ced4da}@keyframes pulse-sync{0%,to{opacity:1}50%{opacity:.7}}@media (min-width: 1200px){.ticket-widget-card{max-width:100%}.status-priority-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:24px}}@media (min-width: 768px) and (max-width: 1199px){.ticket-widget-card{max-width:100%}.status-priority-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}}@media (min-width: 600px) and (max-width: 767px){.ticket-widget-card{border-radius:14px;margin:10px 0}.ticket-card-main{padding:20px 24px}.ticket-header{grid-template-columns:auto 1fr auto;gap:16px}.status-priority-row{grid-template-columns:1fr 1fr;gap:16px}.ticket-action-bar{padding:14px 24px}}@media (max-width: 599px){.ticket-widget-card{border-radius:12px;margin:8px 0}.ticket-card-main{padding:16px 20px}.ticket-header{grid-template-columns:auto 1fr;gap:12px}.ticket-header-actions{grid-column:1 / -1;justify-content:flex-end;margin-top:12px}.ticket-icon{align-self:flex-start}.status-priority-row{grid-template-columns:1fr;gap:16px}.ticket-action-bar{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.ticket-actions{justify-content:space-between}.action-btn{flex:1;justify-content:center}.action-btn.icon-only{flex:0;width:44px;height:44px}}@media (max-width: 480px){.ticket-card-main{padding:12px 16px}.ticket-action-bar{padding:10px 16px}.field-display.ticket-title,.ticket-title-editing{font-size:16px}}.app-theme-dark .ticket-widget-card,[data-theme=dark] .ticket-widget-card{background:rgba(28,28,30,.95);border-color:#ffffff1a}.app-theme-dark .ticket-widget-card:hover,[data-theme=dark] .ticket-widget-card:hover{border-color:#ffffff26}.app-theme-dark .field-display.ticket-title,[data-theme=dark] .field-display.ticket-title{color:#f2f2f7}.app-theme-dark .field-display.ticket-description,[data-theme=dark] .field-display.ticket-description{color:#aeaeb2}.app-theme-dark .field-display.empty .field-placeholder,[data-theme=dark] .field-display.empty .field-placeholder,.app-theme-dark .field-label,[data-theme=dark] .field-label{color:#8e8e93}.app-theme-dark .ticket-action-bar,[data-theme=dark] .ticket-action-bar{background:rgba(20,20,22,.8);border-top-color:#ffffff1a}.app-theme-dark .ticket-meta-info,[data-theme=dark] .ticket-meta-info{color:#8e8e93}.app-theme-dark .action-btn.secondary,[data-theme=dark] .action-btn.secondary{background:rgba(255,255,255,.1);color:#aeaeb2}.app-theme-dark .action-btn.secondary:hover,[data-theme=dark] .action-btn.secondary:hover{background:rgba(255,255,255,.15)}.app-theme-dark .action-btn.icon-only,[data-theme=dark] .action-btn.icon-only{background:rgba(255,255,255,.1)}.app-theme-dark .action-btn.icon-only:hover,[data-theme=dark] .action-btn.icon-only:hover{background:rgba(255,255,255,.15)}.app-theme-dark .editable-input,[data-theme=dark] .editable-input{background:rgba(44,44,46,.9);border-color:#007aff;color:#f2f2f7}.app-theme-dark .header-action-btn,[data-theme=dark] .header-action-btn{background:rgba(255,255,255,.1)}.app-theme-dark .header-action-btn:hover,[data-theme=dark] .header-action-btn:hover{background:rgba(255,255,255,.15)}@media (prefers-reduced-motion: reduce){.ticket-widget-card,.field-display,.action-btn,.status-badge,.priority-badge{transition:none}.priority-badge.priority-critical,.loading-indicator{animation:none}}.ticket-widget-card.read-only{border-color:#ffc1074d;background:linear-gradient(to bottom,rgba(255,255,255,.95),rgba(255,252,245,.95))}.read-only-banner{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(90deg,rgba(255,193,7,.1),rgba(255,193,7,.05));border-bottom:1px solid rgba(255,193,7,.2);color:#f59e0b;font-size:13px;font-weight:500}.read-only-icon{font-size:16px}.read-only-text{flex:1}.ticket-widget-card.read-only .field-display{cursor:default;background:transparent}.ticket-widget-card.read-only .field-display:hover{background:transparent;border-color:transparent}.ticket-widget-card.read-only .editable{cursor:default}.ticket-widget-card.read-only .action-btn:not(.secondary){opacity:.5;cursor:not-allowed;pointer-events:none}.app-theme-dark .ticket-widget-card.read-only,[data-theme=dark] .ticket-widget-card.read-only{border-color:#ffc10733;background:linear-gradient(to bottom,rgba(28,28,30,.95),rgba(44,37,20,.95))}.app-theme-dark .read-only-banner,[data-theme=dark] .read-only-banner{background:linear-gradient(90deg,rgba(255,193,7,.15),rgba(255,193,7,.05));border-bottom-color:#ffc10726;color:#fbbf24}.ticket-widget-card.not-synced{opacity:.9;border-color:#fc0}.sync-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#fff3cd 0%,#ffeeba 100%);border-radius:8px;margin-bottom:16px;border:1px solid #ffc107}.warning-icon{font-size:24px;flex-shrink:0}.warning-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#856404}.warning-content p{margin:0;font-size:14px;color:#856404}.warning-content .warning-detail{margin-top:4px;font-size:13px;opacity:.9}.ticket-preview{padding:12px;background:rgba(0,0,0,.02);border-radius:8px}.preview-field{margin-bottom:8px;font-size:14px;color:#424245}.preview-field:last-child{margin-bottom:0}.preview-field .field-label{font-weight:600;color:#86868b;margin-right:8px}.ticket-attachments-section{border-top:1px solid rgba(0,0,0,.06);padding:16px 32px;background:rgba(248,249,250,.5)}.attachments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.attachments-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:14px;font-weight:500;color:#1d1d1f;cursor:pointer;padding:4px 0;transition:color .2s ease}.attachments-toggle:hover{color:#007aff}.toggle-arrow{font-size:10px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-arrow.expanded{transform:rotate(180deg)}.upload-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#007AFF;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:#0056CC;transform:translateY(-1px)}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.attachments-list{margin-top:12px}.no-attachments{text-align:center;padding:24px 16px;color:#86868b}.no-attachments-text{display:block;font-size:14px;margin-bottom:12px}.add-attachment-btn{background:rgba(0,122,255,.1);color:#007aff;border:1px dashed #007AFF;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .2s ease}.add-attachment-btn:hover{background:rgba(0,122,255,.15);border-color:#0056cc}.attachments-grid{display:grid;gap:8px;grid-template-columns:1fr}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.06);border-radius:10px;transition:all .2s ease}.attachment-item:hover{background:rgba(255,255,255,.95);border-color:#0000001a;transform:translateY(-1px)}.attachment-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.attachment-icon{font-size:20px;flex-shrink:0}.attachment-details{display:flex;flex-direction:column;min-width:0;flex:1}.attachment-name{font-size:14px;font-weight:500;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.attachment-size{font-size:12px;color:#86868b}.attachment-actions{display:flex;gap:4px;flex-shrink:0}.attachment-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.attachment-action.download:hover{background:rgba(52,199,89,.1)}.attachment-action.delete:hover{background:rgba(255,59,48,.1)}@media (max-width: 768px){.ticket-attachments-section{padding:12px 16px}.attachments-header{flex-direction:column;align-items:stretch;gap:8px}.attachment-item{padding:10px}.attachment-details{gap:2px}.attachment-name{font-size:13px}.attachment-size{font-size:11px}}.field-display.being-edited{position:relative;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,51,234,.05));border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:4px 8px;cursor:not-allowed;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:#3b82f64d}50%{border-color:#9333ea80}}.editing-indicator{position:absolute;top:-20px;left:0;display:flex;align-items:center;gap:4px;font-size:11px;color:#3b82f6;font-weight:600;z-index:10;background:white;padding:2px 8px;border-radius:12px;box-shadow:0 2px 8px #3b82f633;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.editing-pulse{width:6px;height:6px;background:#3b82f6;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.field-content.live-update{animation:live-text-update .3s ease-out}@keyframes live-text-update{0%{background:rgba(59,130,246,.1)}to{background:transparent}}.field-display.being-edited .field-content,.field-display.being-edited .field-placeholder{pointer-events:none;user-select:none}.editing-user{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-display.conflict{border-color:#f59e0b;background:rgba(251,191,36,.05)}.field-display.conflict .editing-indicator{color:#f59e0b;box-shadow:0 2px 8px #fbbf2433}.field-display.conflict .editing-pulse{background:#f59e0b}@media (max-width: 768px){.editing-indicator{font-size:10px;padding:1px 6px;top:-18px}.editing-pulse{width:5px;height:5px}.editing-user{max-width:80px}}.toggle-option{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;user-select:none}.toggle-option:hover{background:rgba(0,0,0,.06);border-color:#0000001f}.toggle-option.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#2563eb;color:#fff}.toggle-option.active.completed{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669}.toggle-icon{font-size:14px}.toggle-label{font-size:12px;font-weight:500}.follow-up-date-container{display:flex;flex-direction:column;gap:4px;padding:6px 12px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:10px}.follow-up-date-container .field-label{font-size:10px;color:#92400e}.follow-up-date-container input[type=date]{background:transparent;border:none;font-size:12px;color:#78350f;cursor:pointer}.status-badge.visibility-private{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff}.status-badge.visibility-team{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.status-badge.visibility-public{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.status-badge.format-text{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff}.status-badge.format-markdown{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff}.status-badge.format-html{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff}@media (prefers-color-scheme: dark){.toggle-option{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.toggle-option:hover{background:rgba(255,255,255,.1);border-color:#ffffff26}.toggle-option.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.follow-up-date-container{background:rgba(251,191,36,.15);border-color:#fbbf2466}.follow-up-date-container .field-label{color:#fbbf24}.follow-up-date-container input[type=date]{color:#fcd34d}}.folder-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff!important;color:#1f2937!important;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-appearance:menulist;appearance:menulist}.folder-select option{background-color:#fff;color:#1f2937;padding:8px}.folder-select:hover{border-color:#3b82f6;background-color:#f9fafb!important}.folder-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff!important}.current-folder-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#dbeafe;color:#1d4ed8;border-radius:12px;font-size:12px;font-weight:500;margin-top:6px}.current-folder-badge:before{content:"📁";font-size:11px}.app-theme-dark .folder-select,[data-theme=dark] .folder-select{background-color:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}.app-theme-dark .folder-select option,[data-theme=dark] .folder-select option{background-color:#374151;color:#f9fafb}.app-theme-dark .folder-select:hover,[data-theme=dark] .folder-select:hover{background-color:#4b5563!important;border-color:#60a5fa!important}.app-theme-dark .folder-select:focus,[data-theme=dark] .folder-select:focus{background-color:#4b5563!important;border-color:#60a5fa!important;box-shadow:0 0 0 3px #60a5fa33}.app-theme-dark .current-folder-badge,[data-theme=dark] .current-folder-badge{background:#1e3a5f;color:#93c5fd}.note-type-visibility-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.toggle-options-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media (min-width: 1025px){.toggle-options-row{gap:16px}.toggle-option{padding:10px 18px}.follow-up-date-container{min-width:180px}}@media (min-width: 768px) and (max-width: 1024px){.note-type-visibility-row{grid-template-columns:1fr 1fr;gap:16px}.toggle-options-row{gap:12px}.toggle-option{padding:8px 14px}.follow-up-date-container{min-width:160px}}@media (min-width: 600px) and (max-width: 767px){.note-type-visibility-row{grid-template-columns:1fr 1fr;gap:12px}.toggle-options-row{gap:10px;justify-content:flex-start}.toggle-option{padding:8px 12px;flex:0 1 auto}.toggle-icon{font-size:13px}.toggle-label{font-size:11px}.follow-up-date-container{flex:1 1 100%;min-width:unset;margin-top:8px}.meta-field select{padding:10px 12px;font-size:14px}}@media (max-width: 599px){.note-type-visibility-row{grid-template-columns:1fr;gap:16px}.toggle-options-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.toggle-option{padding:10px 12px;justify-content:center;flex:unset}.toggle-icon{font-size:16px}.toggle-label{font-size:11px}.follow-up-date-container{grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px;padding:10px 14px}.follow-up-date-container .field-label{margin-bottom:0;white-space:nowrap}.toggle-option.completed-toggle{grid-column:1 / -1}.meta-field{width:100%}.meta-field select{padding:12px 14px;font-size:15px;border-radius:10px}.current-folder-badge{margin-top:8px;font-size:11px}.ticket-action-bar{gap:10px}.ticket-meta-info{flex-wrap:wrap;gap:8px;font-size:10px}.ticket-meta-info span{flex:0 0 auto}.word-count{display:inline-flex;padding:2px 8px;background:rgba(0,122,255,.1);border-radius:10px;color:#007aff;font-weight:500}.ticket-header-actions{gap:6px}.header-action-btn{width:40px;height:40px;font-size:16px}.status-badge,.priority-badge{font-size:10px;padding:5px 10px;min-width:60px}.badge-field{width:100%}.badge-field .status-badge{width:100%;text-align:center}}@media (max-width: 399px){.ticket-card-main{padding:12px 14px}.ticket-action-bar{padding:10px 14px}.toggle-options-row{grid-template-columns:1fr}.toggle-option{justify-content:flex-start;padding:12px 14px}.toggle-icon{font-size:18px}.toggle-label{font-size:12px}.field-display.ticket-title{font-size:15px;padding:3px 6px}.ticket-title-editing{font-size:15px;padding:6px 10px}.field-display.ticket-description{font-size:13px;line-height:1.5}.ticket-actions{flex-direction:row;flex-wrap:wrap;gap:6px}.action-btn{font-size:11px;padding:8px 12px}.action-btn.primary{flex:1 1 100%;order:-1;padding:12px 16px}.action-btn.secondary{flex:1}.action-btn.icon-only{flex:0;width:40px;height:40px}.field-label{font-size:11px;letter-spacing:.3px}}@media (hover: none) and (pointer: coarse){.toggle-option{min-height:44px}.header-action-btn{min-width:44px;min-height:44px}.action-btn{min-height:44px}.field-display.editable{min-height:44px;padding:10px 12px}.meta-field select{min-height:44px}.toggle-option:hover{background:rgba(0,0,0,.03);border-color:#00000014}.toggle-option.active:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.field-display.editable:hover{background:transparent;transform:none}.toggle-option:active,.action-btn:active{transform:scale(.98);opacity:.9}.header-action-btn:active{transform:scale(.95);opacity:.8}}@media (max-width: 767px) and (orientation: landscape){.ticket-widget-card{margin:6px 0}.ticket-card-main{padding:14px 20px}.toggle-options-row{display:flex;flex-wrap:wrap;gap:8px}.toggle-option{flex:0 1 auto;padding:6px 12px}.follow-up-date-container{flex:0 1 auto}.ticket-status-section{margin-bottom:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.ticket-widget-card,.toggle-option{border-width:.5px}.status-badge,.priority-badge{font-weight:500}}@media print{.ticket-widget-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.ticket-header-actions,.ticket-actions,.toggle-option{display:none}.ticket-action-bar{background:transparent;border-top:1px solid #ccc}}@media (min-width: 1025px){.ticket-widget-card{max-width:100%}.ticket-card-main{padding:24px 32px}.ticket-status-section .status-priority-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:24px}.ticket-attachments-section{padding:0 32px 16px}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width: 768px) and (max-width: 1024px){.ticket-widget-card{border-radius:14px;margin:10px 0}.ticket-card-main{padding:20px 24px}.ticket-header{grid-template-columns:auto 1fr auto;gap:16px}.ticket-status-section .status-priority-row{grid-template-columns:1fr 1fr;gap:16px}.ticket-attachments-section{padding:0 24px 14px}.attachments-grid{grid-template-columns:repeat(2,1fr)}.ticket-action-bar{padding:14px 24px}}@media (min-width: 600px) and (max-width: 767px){.ticket-widget-card{border-radius:12px;margin:8px 0}.ticket-card-main{padding:18px 20px}.ticket-header{grid-template-columns:auto 1fr auto;gap:14px}.ticket-icon{font-size:20px}.ticket-status-section .status-priority-row{grid-template-columns:1fr 1fr;gap:14px}.ticket-attachments-section{padding:0 20px 12px}.attachments-header{flex-wrap:wrap;gap:8px}.attachments-grid{grid-template-columns:1fr;gap:8px}.attachment-item{padding:10px 14px}.ticket-action-bar{padding:12px 20px}}@media (max-width: 599px){.ticket-widget-card{border-radius:12px;margin:8px 0}.ticket-card-main{padding:16px}.ticket-header{grid-template-columns:auto 1fr;gap:12px}.ticket-icon{font-size:18px;margin-top:2px}.ticket-header-actions{grid-column:1 / -1;justify-content:flex-end;margin-top:8px}.field-display.ticket-title{font-size:15px;padding:3px 6px}.ticket-title-editing{font-size:15px}.field-display.ticket-description{font-size:13px;line-height:1.5}.ticket-status-section .status-priority-row{grid-template-columns:1fr;gap:16px}.status-container,.priority-container,.assignee-container,.contact-container,.badge-field{width:100%}.badge-field .status-badge,.badge-field .priority-badge{width:100%;text-align:center}.read-only-banner{padding:8px 16px;font-size:12px;flex-wrap:wrap;gap:6px}.ticket-attachments-section{padding:0 16px 12px}.attachments-header{flex-direction:column;align-items:stretch;gap:8px}.attachments-toggle{justify-content:space-between;padding:10px 14px}.upload-btn{width:100%;justify-content:center;padding:10px 14px}.attachments-grid{grid-template-columns:1fr;gap:8px}.attachment-item{padding:12px 14px}.attachment-details{min-width:0}.attachment-name{font-size:13px}.attachment-size{font-size:10px}.attachment-actions{gap:4px}.attachment-action{width:36px;height:36px;font-size:14px}.ticket-action-bar{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.ticket-meta-info{justify-content:center;text-align:center;flex-wrap:wrap}.ticket-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px}.ticket-actions .action-btn.primary{grid-column:1 / -1;order:-1;padding:12px 16px}}@media (max-width: 399px){.ticket-widget-card{border-radius:10px;margin:6px 0}.ticket-card-main{padding:12px 14px}.ticket-header{gap:10px}.ticket-icon{font-size:16px}.header-action-btn{width:40px;height:40px;font-size:16px}.field-display.ticket-title{font-size:14px}.field-display.ticket-description{font-size:12px}.field-label{font-size:10px;letter-spacing:.3px}.status-badge,.priority-badge{font-size:9px;padding:5px 10px;min-width:60px}.read-only-banner{padding:6px 14px;font-size:11px}.read-only-icon{font-size:12px}.ticket-attachments-section{padding:0 14px 10px}.attachments-toggle,.upload-btn{font-size:12px;padding:8px 12px}.attachment-item{padding:10px 12px}.attachment-icon{font-size:18px}.attachment-name{font-size:12px}.attachment-action{width:32px;height:32px;font-size:12px}.ticket-action-bar{padding:10px 14px}.ticket-meta-info{font-size:9px;gap:6px}.ticket-number,.ticket-id{padding:2px 6px}.ticket-actions{gap:6px}.action-btn{font-size:11px;padding:8px 12px}.action-btn.icon-only{width:40px;height:40px}}@media (hover: none) and (pointer: coarse){.attachments-toggle,.upload-btn{min-height:44px}.attachment-item{min-height:60px}.attachment-action{min-width:44px;min-height:44px}.no-attachments .add-attachment-btn{min-height:44px;padding:12px 20px}.attachment-item:hover{background:rgba(0,0,0,.02);transform:none}.attachments-toggle:hover{background:transparent}.upload-btn:hover{background:rgba(0,122,255,.08);transform:none}.attachment-item:active{background:rgba(0,0,0,.05)}.attachments-toggle:active{opacity:.8}.upload-btn:active{transform:scale(.98)}}@media (max-width: 767px) and (orientation: landscape){.ticket-widget-card{margin:6px 0}.ticket-card-main{padding:14px 20px}.ticket-status-section .status-priority-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.ticket-attachments-section{padding:0 20px 10px}.attachments-header{flex-direction:row;align-items:center}.attachments-grid{grid-template-columns:repeat(2,1fr)}.ticket-action-bar{flex-direction:row;padding:10px 20px}.ticket-actions{display:flex;gap:8px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.read-only-banner{border-bottom-width:.5px}.attachment-item{border-width:.5px}}@media print{.ticket-attachments-section{display:none}.read-only-banner{background:#f0f0f0!important;color:#666!important;border-color:#ccc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.ticket-description-container{max-height:150px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.ticket-description-container::-webkit-scrollbar{width:4px}.ticket-description-container::-webkit-scrollbar-track{background:transparent}.ticket-description-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.widget-loader{position:relative;min-height:120px;border-radius:8px;background:#ffffff;border:1px solid #e1e5e9;box-shadow:0 2px 4px #0000000d;margin:8px 0;overflow:hidden;transition:all .2s ease-in-out}.widget-loader:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d9e0}.widget-loader--loading{background:linear-gradient(90deg,#f8f9fa 25%,#e9ecef 50%,#f8f9fa 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.widget-loader--error{border-color:#dc3545;background:#fff5f5}.widget-loader--fallback{border-color:#ffc107;background:#fffbf0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.widget-loader-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{position:relative;width:40px;height:40px}.spinner-ring{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{display:flex;flex-direction:column;gap:8px;min-width:200px}.loading-title{font-size:14px;font-weight:500;color:#495057;margin:0}.loading-progress{display:flex;flex-direction:column;gap:4px;align-items:center}.progress-bar{width:180px;height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease;border-radius:2px}.progress-text{font-size:12px;color:#6c757d;font-weight:500}.widget-loader-error{display:flex;align-items:center;justify-content:center;padding:24px 16px}.error-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;gap:16px}.error-icon{font-size:32px;opacity:.8}.error-content{display:flex;flex-direction:column;gap:12px}.error-content h4{margin:0;font-size:16px;font-weight:600;color:#dc3545}.error-message{margin:0;font-size:14px;color:#6c757d;line-height:1.4}.error-actions{display:flex;gap:8px;justify-content:center}.retry-btn,.fallback-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn{background:#007bff;color:#fff}.retry-btn:hover{background:#0056b3;transform:translateY(-1px)}.fallback-btn{background:#6c757d;color:#fff}.fallback-btn:hover{background:#545b62;transform:translateY(-1px)}.widget-error{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center;background:#fff5f5;border:1px solid #f8d7da;border-radius:6px;margin:8px 0}.widget-error .error-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.widget-error .error-icon{font-size:20px;color:#dc3545}.widget-error h4{margin:0;font-size:16px;font-weight:600;color:#dc3545}.widget-error p{margin:0 0 16px;font-size:14px;color:#721c24;line-height:1.4}.widget-error button{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.widget-error button:hover{background:#c82333}.widget-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 16px;color:#6c757d}.widget-loading .loading-spinner{width:20px;height:20px}.widget-loading .spinner-ring{width:20px;height:20px;border-width:2px}.widget-loading span{font-size:14px;font-weight:500}.widget-container{position:relative;background:white;border-radius:8px;border:1px solid #e1e5e9;overflow:hidden;margin:8px 0;transition:all .2s ease-in-out}.widget-container:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d9e0}.widget-container.widget-container--interactive{cursor:pointer}.widget-container.widget-container--loading{pointer-events:none;opacity:.7}.widget-container.widget-container--error{border-color:#dc3545;background:#fff5f5}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f8f9fa}.widget-header h3{margin:0;font-size:16px;font-weight:600;color:#212529;display:flex;align-items:center;gap:8px}.widget-header .widget-actions{display:flex;gap:4px}.widget-header .widget-action-btn{padding:4px 8px;background:transparent;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-size:12px;cursor:pointer;transition:all .2s ease}.widget-header .widget-action-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.widget-content{padding:16px 20px}.widget-content.widget-content--compact{padding:12px 16px}.widget-footer{padding:12px 20px;border-top:1px solid #f8f9fa;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.widget-footer .widget-meta{font-size:12px;color:#6c757d}.widget-footer .widget-actions{display:flex;gap:8px}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.status-badge.open{background:#d4edda;color:#155724}.status-badge.in_progress{background:#cce7ff;color:#004085}.status-badge.resolved{background:#f8d7da;color:#721c24}.status-badge.closed{background:#e2e3e5;color:#383d41}.field-group{margin-bottom:16px}.field-group:last-child{margin-bottom:0}.field-group label{display:block;font-size:13px;font-weight:500;color:#495057;margin-bottom:4px}.field-group input,.field-group textarea,.field-group select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .2s ease}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.field-group .field-value{font-size:14px;color:#212529;line-height:1.4;padding:8px 0;cursor:text;min-height:20px}.field-group .field-value:hover{background:rgba(0,123,255,.05);border-radius:4px;padding:8px 12px;margin:0 -12px}@media (max-width: 768px){.widget-loader{margin:4px 0;border-radius:6px}.widget-header{padding:12px 16px 8px}.widget-content{padding:12px 16px}.widget-footer{padding:8px 16px}.loading-container{gap:12px}.loading-title{font-size:13px}.error-container{gap:12px}.error-content h4{font-size:15px}.error-message{font-size:13px}}.app-theme-dark .widget-loader,[data-theme=dark] .widget-loader{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.app-theme-dark .widget-loader:hover,[data-theme=dark] .widget-loader:hover{border-color:#718096}.app-theme-dark .widget-loader--loading,[data-theme=dark] .widget-loader--loading{background:linear-gradient(90deg,#2d3748 25%,#4a5568 50%,#2d3748 75%)}.app-theme-dark .widget-header,[data-theme=dark] .widget-header{border-bottom-color:#4a5568}.app-theme-dark .widget-footer,[data-theme=dark] .widget-footer{background:#1a202c;border-top-color:#4a5568}.app-theme-dark .loading-title,[data-theme=dark] .loading-title{color:#cbd5e0}.app-theme-dark .progress-bar,[data-theme=dark] .progress-bar{background-color:#4a5568}.app-theme-dark .field-group input,.app-theme-dark .field-group textarea,.app-theme-dark .field-group select,[data-theme=dark] .field-group input,[data-theme=dark] .field-group textarea,[data-theme=dark] .field-group select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.app-theme-dark .field-group label,[data-theme=dark] .field-group label{color:#cbd5e0}.app-theme-dark .field-group .field-value,[data-theme=dark] .field-group .field-value{color:#e2e8f0}.widget-message-container,.message-container.widget-message{position:relative;width:100%}.widget-message-wrapper,.message-container.widget-message>div{min-width:280px;transition:width .2s ease-out}.widget-message-wrapper,.message-container.widget-message>div{width:50%;max-width:400px}@media (min-width: 640px){.widget-message-wrapper,.message-container.widget-message>div{width:33.33%;max-width:450px}}@media (min-width: 1024px){.widget-message-wrapper,.message-container.widget-message>div{width:90%;max-width:1200px}}@media (min-width: 1280px){.widget-message-wrapper,.message-container.widget-message>div{width:85%;max-width:1400px}}@media (min-width: 1536px){.widget-message-wrapper,.message-container.widget-message>div{width:80%;max-width:1600px}}.widget-message-content{position:relative;width:100%;display:flex}.widget-message-content .task-widget-card,.widget-message-content .ticket-widget-card,.widget-message-content .note-widget-card,.message-container.widget-message .task-widget-card,.message-container.widget-message .ticket-widget-card,.message-container.widget-message .note-widget-card{width:100%;margin:0}.widget-content{width:100%}.widget-message-container.items-start .widget-message-content{justify-content:flex-start}.widget-message-container.items-end .widget-message-content{justify-content:flex-end}.message-widget .task-widget-card,.message-widget .ticket-widget-card,.message-widget .note-widget-card{margin:0;box-shadow:0 2px 8px #00000014}.message-widget .task-widget-card:hover,.message-widget .ticket-widget-card:hover,.message-widget .note-widget-card:hover{box-shadow:0 4px 16px #0000001f}@media (prefers-reduced-motion: reduce){.task-widget-card,.field-display,.action-btn,.status-badge,.priority-badge{transition:none}.priority-badge.priority-urgent,.loading-indicator{animation:none}}.field-display.editable:focus-visible,.action-btn:focus-visible{outline:2px solid #007AFF;outline-offset:2px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}50%{opacity:.8;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageBounceIn{0%{opacity:0;transform:translateY(15px) scale(.9)}60%{opacity:.9;transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-new-sent{animation:messageBounceIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.message-new-received{animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}.message-new-system{animation:messageFadeIn .25s ease-out forwards}.message-sending{opacity:.7}.message-bubble{transition:transform .1s ease}.message-bubble:hover{transform:scale(1.01)}@keyframes scrollIndicator{0%,to{opacity:.6}50%{opacity:1}}.scroll-indicator{animation:scrollIndicator 1.5s ease-in-out infinite}.message-group-enter{animation:messageSlideIn .3s ease-out forwards}.message-pinned{animation:messagePinned .6s ease-out forwards}@keyframes messagePinned{0%{background-color:#3b82f61a;transform:scale(1)}50%{background-color:#3b82f633;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}.typing-indicator{animation:messageFadeIn .3s ease-out forwards;transition:opacity .3s ease-out,transform .3s ease-out}.typing-dots{display:inline-flex;gap:2px}.typing-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:typingDot 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.message-animation-complete{animation:none!important}*{box-sizing:border-box}.message-highlight{background-color:#3b82f61a!important;border:2px solid rgba(59,130,246,.3)!important;border-radius:8px!important;box-shadow:0 0 0 4px #3b82f61a!important;transition:all .3s ease-out!important}@media (prefers-reduced-motion: reduce){.message-new-sent,.message-new-received,.message-new-system,.message-group-enter{animation:messageFadeIn .15s ease-out forwards}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-modalSlideIn{animation:modalSlideIn .2s ease-out}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:root{--apple-blue: #007AFF;--apple-blue-light: #66B2FF;--apple-blue-dark: #0056CC;--apple-purple: #AF52DE;--apple-pink: #FF2D92;--apple-red: #FF3B30;--apple-orange: #FF9500;--apple-yellow: #FFCC02;--apple-green: #30D158;--apple-teal: #64D2FF;--apple-indigo: #5856D6;--apple-gray: #8E8E93;--apple-gray-2: #AEAEB2;--apple-gray-3: #C7C7CC;--apple-gray-4: #D1D1D6;--apple-gray-5: #E5E5EA;--apple-gray-6: #F2F2F7;--apple-black: #1C1C1E;--apple-dark-gray: #2C2C2E;--apple-dark-gray-2: #3A3A3C;--apple-dark-gray-3: #48484A;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: rgba(31, 38, 135, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow)}.smooth-transition{transition:all .3s cubic-bezier(.16,1,.3,1)}.spring-transition{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.apple-button{position:relative;overflow:hidden;transform:translateZ(0)}.apple-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .3s ease}.apple-button:hover:before{opacity:1}.apple-button:active{transform:scale(.98)}.apple-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.apple-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.apple-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--apple-gray-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--apple-gray-2)}.apple-focus{outline:none;box-shadow:0 0 0 3px #007aff4d}::selection{background-color:var(--apple-blue);color:#fff}::-moz-selection{background-color:var(--apple-blue);color:#fff}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600}.apple-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.apple-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #0000001a}input[type=range].slider{-webkit-appearance:none;background:transparent;cursor:pointer;height:4px}input[type=range].slider::-webkit-slider-track{background:rgba(255,255,255,.3);height:4px;border-radius:2px;border:none}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:white;height:12px;width:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;margin-top:-4px}input[type=range].slider::-moz-range-track{background:rgba(255,255,255,.3);height:4px;border-radius:2px;border:none}input[type=range].slider::-moz-range-thumb{background:white;height:12px;width:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;border:none}.file-preview{animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.image-preview img{transition:all .3s cubic-bezier(.16,1,.3,1)}.image-preview:hover img{transform:scale(1.02)}.video-preview video{transition:all .3s ease}.audio-preview.playing .play-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:2px;background:currentColor;border-radius:50%;animation:audioWave 1.5s infinite}@keyframes audioWave{0%,to{box-shadow:0 0 0 0 currentColor,0 0 0 0 transparent,0 0 0 0 transparent}20%{box-shadow:0 0 0 4px currentColor,0 0 0 0 transparent,0 0 0 0 transparent}40%{box-shadow:0 0 0 4px transparent,0 0 0 8px currentColor,0 0 0 0 transparent}60%{box-shadow:0 0 0 4px transparent,0 0 0 8px transparent,0 0 0 12px currentColor}80%{box-shadow:0 0 0 4px transparent,0 0 0 8px transparent,0 0 0 12px transparent}}.document-preview .pdf{color:var(--apple-red)}.document-preview .word{color:var(--apple-blue)}.document-preview .excel{color:var(--apple-green)}.document-preview .powerpoint{color:var(--apple-orange)}.document-preview .archive{color:var(--apple-purple)}.document-preview .code{color:var(--apple-indigo)}.media-modal-backdrop{backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2)}.media-modal img{transition:transform .3s cubic-bezier(.16,1,.3,1)}@keyframes mediaLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-loading{animation:mediaLoading 1s linear infinite}.progress-bar{background:linear-gradient(90deg,var(--apple-blue) var(--progress, 0%),rgba(255,255,255,.3) var(--progress, 0%))}.file-preview *{transition:all .2s ease}.file-preview button:focus{outline:2px solid var(--apple-blue);outline-offset:2px}@media (prefers-contrast: high){.file-preview{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.file-preview,.file-preview *,.media-modal img{animation:none!important;transition:none!important}}.overflow-x-auto::-webkit-scrollbar{display:none}.overflow-x-auto{-ms-overflow-style:none;scrollbar-width:none}select{color:#111827;background-color:#fff}select option{color:#111827;background-color:#fff;padding:8px 12px}select option:checked,select option:hover{color:#fff;background-color:#3b82f6}.fixed select,[class*=modal] select,.fixed select option,[class*=modal] select option{color:#111827!important;background-color:#fff!important}.tiptap p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tiptap:focus{outline:none}.tiptap pre{background:#1f2937;color:#f3f4f6;font-family:JetBrains Mono,Monaco,Courier New,monospace;padding:.75rem 1rem;border-radius:.5rem;overflow-x:auto}.tiptap pre code{color:inherit;padding:0;background:none;font-size:.875rem}.tiptap code{background-color:#f3f4f6;color:#ef4444;padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}.tiptap blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin-left:0;margin-right:0;background-color:#eff6ff;padding:.5rem 1rem;border-radius:0 .5rem .5rem 0;font-style:italic;color:#1e40af}.tiptap table{border-collapse:collapse;margin:1rem 0;overflow:hidden;table-layout:fixed;width:100%}.tiptap td,.tiptap th{border:1px solid #d1d5db;box-sizing:border-box;min-width:1em;padding:.5rem;position:relative;vertical-align:top}.tiptap th{background-color:#f3f4f6;font-weight:600;text-align:left}.tiptap .selectedCell:after{background:rgba(59,130,246,.2);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.tiptap img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}.tiptap img.ProseMirror-selectednode{outline:3px solid #3b82f6}.tiptap hr{border:none;border-top:2px solid #e5e7eb;margin:2rem 0}.tiptap ul,.tiptap ol{padding-left:1.5rem;margin:.5rem 0}.tiptap li{margin:.25rem 0}.tiptap ul{list-style-type:disc}.tiptap ol{list-style-type:decimal}.tiptap a{color:#2563eb;text-decoration:underline;cursor:pointer}.tiptap a:hover{color:#1d4ed8}.tiptap h1{font-size:2rem;font-weight:700;line-height:1.2;margin:1.5rem 0 .75rem}.tiptap h2{font-size:1.5rem;font-weight:600;line-height:1.3;margin:1.25rem 0 .5rem}.tiptap h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:1rem 0 .5rem}.tiptap p{margin:.5rem 0;line-height:1.6}.tiptap mark{background-color:#fef08a;padding:.125rem .25rem;border-radius:.125rem}.tiptap .text-left{text-align:left}.tiptap .text-center{text-align:center}.tiptap .text-right{text-align:right}.tiptap .text-justify{text-align:justify}@keyframes orbit-slow{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes orbit-medium{0%{transform:rotate(120deg) translate(140px) rotate(-120deg)}to{transform:rotate(480deg) translate(140px) rotate(-480deg)}}@keyframes orbit-fast{0%{transform:rotate(240deg) translate(180px) rotate(-240deg)}to{transform:rotate(600deg) translate(180px) rotate(-600deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #6366f14d,0 0 60px #6366f11a}50%{box-shadow:0 0 50px #6366f180,0 0 100px #6366f133}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animate-orbit-slow{animation:orbit-slow 20s linear infinite}.animate-orbit-medium{animation:orbit-medium 15s linear infinite}.animate-orbit-fast{animation:orbit-fast 12s linear infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 5s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 5s ease infinite}.animate-blink{animation:blink 1s step-end infinite}.animate-scale-pulse{animation:scale-pulse 2s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-fade-in{animation:fade-in .4s ease-out forwards}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-1000{animation-delay:1s}.gradient-text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.hover-lift{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.dot-pattern{background-image:radial-gradient(circle,rgba(99,102,241,.08) 1px,transparent 1px);background-size:24px 24px}.gradient-mesh{background:radial-gradient(at 40% 20%,rgba(99,102,241,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(168,85,247,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(59,130,246,.08) 0px,transparent 50%),radial-gradient(at 80% 80%,rgba(236,72,153,.06) 0px,transparent 50%)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.safe-area-inset-top{padding-top:env(safe-area-inset-top)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.touch-target{min-width:44px;min-height:44px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.momentum-scroll{-webkit-overflow-scrolling:touch}@media (max-width: 640px){html{font-size:15px}body{font-size:15px;line-height:1.5}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}@media (hover: none) and (pointer: coarse){.hover-lift:hover,.apple-card:hover{transform:none;box-shadow:none}}@media (hover: none) and (pointer: coarse){.touch-active:active{transform:scale(.97);opacity:.9}}@media screen and (max-width: 767px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px!important}}