@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:50;transition:transform .3s ease;box-shadow:4px 0 24px #4c1d9526}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--sidebar-border)}.app-name{font-size:1.25rem;font-weight:900;font-family:Nexa,Inter,sans-serif;color:var(--sidebar-text-active);letter-spacing:-.025em}.sidebar-nav{padding:1.5rem 0;overflow-y:auto;flex:1}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.menu-group{margin-bottom:1.5rem;padding:0 1rem}.group-title{font-size:.75rem;text-transform:uppercase;color:var(--sidebar-group-title);font-weight:600;margin-bottom:.5rem;padding-left:.75rem;letter-spacing:.05em}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.625rem;color:var(--sidebar-text);font-size:.875rem;font-weight:500;transition:all .2s;margin-bottom:.125rem}.menu-item:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.menu-item.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600;box-shadow:0 2px 8px #0000001a}.menu-item.active:hover{background-color:#fff3;color:var(--sidebar-text-active)}.sidebar-overlay{position:fixed;inset:0;background-color:#0006;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.topbar{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:40;transition:left .3s ease}.topbar-left{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem}.topbar-brand-mobile{display:none;font-size:1.1rem;font-weight:900;font-family:Nexa,Inter,sans-serif;color:var(--color-primary);letter-spacing:-.025em;white-space:nowrap}.page-title{font-size:1.125rem;font-weight:600;color:var(--color-text-main)}.page-title-group{display:flex;align-items:center;gap:.75rem}.page-title-divider{color:var(--color-border);font-size:1.125rem;font-weight:300;-webkit-user-select:none;user-select:none}.page-subtitle{font-size:.875rem;color:var(--color-text-secondary);font-weight:400}.topbar-right{display:flex;align-items:center;gap:1.5rem}.lang-toggle{background:none;border:1px solid var(--color-border);border-radius:2rem;padding:.25rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.lang-toggle:hover{background-color:var(--color-bg-body);color:var(--color-primary);border-color:var(--color-primary)}.lang-code{font-size:.75rem;font-weight:600}.notification-wrapper,.user-menu-wrapper{position:relative;color:var(--color-text-secondary)}.notification-trigger{cursor:pointer;display:flex;align-items:center;position:relative}.notification-trigger:hover{color:var(--color-primary)}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 2px;border:2px solid white}.notification-dropdown,.user-dropdown{position:absolute;top:100%;right:0;margin-top:.75rem;width:300px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;animation:fadeIn .15s ease-out}.user-dropdown{width:240px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.dropdown-header h3{font-size:.875rem;font-weight:600;color:var(--color-text-main);margin:0}.close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--color-text-main)}.dropdown-content{max-height:300px;overflow-y:auto}.notification-item{padding:.75rem 1rem;border-bottom:1px solid var(--color-bg-body);display:flex;flex-direction:column;gap:.25rem;transition:background-color .2s;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-bg-body)}.notification-item.unread{background-color:#f0f9ff}.notification-item.unread:hover{background-color:#e0f2fe}.notif-title{font-size:.875rem;font-weight:500;color:var(--color-text-main)}.notif-time{font-size:.75rem;color:var(--color-text-muted)}.user-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6c3aed40}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.875rem;font-weight:500;color:var(--color-text-main)}.user-role-badge{font-size:.7rem;color:var(--color-text-secondary);background-color:var(--color-bg-body);padding:1px 6px;border-radius:4px;margin-top:2px}.user-dropdown-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem;background-color:var(--color-bg-body)}.user-dropdown-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6c3aed33}.user-dropdown-info{display:flex;flex-direction:column}.user-dropdown-info .name{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.user-dropdown-info .email{font-size:.75rem;color:var(--color-text-secondary)}.user-dropdown-items{padding:.5rem}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;width:100%;border:none;background:none;border-radius:.375rem;cursor:pointer;color:var(--color-text-main);font-size:.875rem;text-decoration:none;transition:background-color .2s}.user-dropdown-item:hover{background-color:var(--color-bg-body);color:var(--color-primary)}.user-dropdown-item.logout{color:#ef4444}.user-dropdown-item.logout:hover{background-color:#fef2f2}.user-dropdown-divider{height:1px;background-color:var(--color-border);margin:.5rem 0}@media(max-width:1024px){.topbar{left:0;padding:0 1rem}.menu-toggle{display:block}.user-info{display:none}.topbar-brand-mobile{display:block}.page-title-group{display:none}}@media(max-width:768px){.topbar{padding:0 .75rem}.page-subtitle,.page-title-divider{display:none}.topbar-right{gap:.75rem}.lang-toggle{padding:.2rem .5rem}}@media(max-width:480px){.topbar-right{gap:.5rem}.lang-toggle{display:none}.topbar-brand-mobile{font-size:1rem}}.app-container{display:flex;min-height:100vh;overflow-x:hidden}.main-content{flex:1;min-width:0;margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding:2rem;min-height:calc(100vh - var(--topbar-height));transition:margin-left .3s ease;box-sizing:border-box;max-width:100%;overflow-x:hidden}@media(max-width:1024px){.main-content{margin-left:0;padding:1.5rem;width:100%;max-width:100vw;overflow-x:hidden}}@media(max-width:768px){.main-content{padding:1rem}}@media(max-width:480px){.main-content{padding:.75rem}}.summary-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;min-width:0}.summary-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-left:3px solid transparent;border-radius:1rem;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0;overflow:hidden}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #772ae114}.summary-card:has(.bg-purple){border-left-color:#7c3aed}.summary-card:has(.bg-orange){border-left-color:#ea6c00}.summary-card:has(.bg-blue){border-left-color:#2472d6}.summary-card:has(.bg-green){border-left-color:#0e9f58}.icon-wrapper{width:48px;height:48px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-wrapper.bg-purple{background-color:#ede9fe;color:#7c3aed}.icon-wrapper.bg-purple svg{color:#7c3aed;stroke:#7c3aed}.icon-wrapper.bg-orange{background-color:#fff3e8;color:#ea6c00}.icon-wrapper.bg-orange svg{color:#ea6c00;stroke:#ea6c00}.icon-wrapper.bg-blue{background-color:#e0effe;color:#2472d6}.icon-wrapper.bg-blue svg{color:#2472d6;stroke:#2472d6}.icon-wrapper.bg-green{background-color:#d9f7e8;color:#0e9f58}.icon-wrapper.bg-green svg{color:#0e9f58;stroke:#0e9f58}.card-content{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.card-label{font-size:.8125rem;color:var(--color-text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-value{font-size:1.75rem;font-weight:700;color:var(--color-text-main);line-height:1.1}.card-value-empty{font-size:1rem;font-weight:400;color:var(--color-text-secondary);opacity:.5}@media(max-width:1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.summary-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.summary-card{padding:1rem;gap:.75rem;border-radius:.875rem}.icon-wrapper{width:40px;height:40px;border-radius:.625rem}.card-value{font-size:1.5rem}.card-label{font-size:.75rem}}@media(max-width:480px){.summary-cards-grid{grid-template-columns:1fr 1fr;gap:.5rem}.summary-card{padding:.75rem;gap:.5rem;border-radius:.75rem}.icon-wrapper{width:32px;height:32px;border-radius:.5rem}.icon-wrapper svg{width:16px;height:16px}.card-value{font-size:1.2rem}.card-label{font-size:.7rem}}.dashboard-calendar-sync{display:flex;flex-direction:column;gap:1.25rem;height:100%}.calendar-top-bar{display:flex;align-items:center;justify-content:space-between}.calendar-top-left .calendar-section-title{font-size:1.125rem;font-weight:700;color:var(--color-text-main)}.calendar-top-right{display:flex;align-items:center;gap:1.5rem}.dashboard-view-toggle{display:flex;background:#f1f5f9;padding:.2rem;border-radius:.75rem;border:1px solid var(--color-border)}.dashboard-view-toggle button{padding:.4rem .8rem;border:none;background:transparent;border-radius:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.dashboard-view-toggle button.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 4px #0000000d}.calendar-nav{display:flex;align-items:center;gap:1rem}.current-period{font-size:.8125rem;font-weight:700;color:var(--color-text-main);letter-spacing:.05em}.nav-arrows{display:flex;gap:.4rem}.nav-arrows .nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:#fff;border-radius:.5rem;color:#64748b;cursor:pointer;transition:all .2s}.nav-arrows .nav-btn:hover{background:#f8fafc;color:var(--color-primary)}.calendar-container-card{background:#fff;border:1px solid var(--color-border);border-radius:1.25rem;overflow:hidden;flex:1;box-shadow:0 1px 3px #0000000d}.dashboard-weekly-grid{display:grid;grid-template-columns:60px repeat(7,1fr);height:100%}.dashboard-weekly-grid .grid-header-cell{padding:.75rem .25rem;text-align:center;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;background:#fcfdfe;display:flex;flex-direction:column;gap:.1rem}.dashboard-weekly-grid .grid-header-cell.is-today{background:#f5f3ff}.dashboard-weekly-grid .grid-header-cell.is-today .day-name,.dashboard-weekly-grid .grid-header-cell.is-today .day-number{color:var(--color-primary)}.dashboard-weekly-grid .grid-header-cell.empty{display:flex;align-items:center;justify-content:center;color:#94a3b8}.dashboard-weekly-grid .day-name{font-size:.65rem;font-weight:600;color:#94a3b8}.dashboard-weekly-grid .day-number{font-size:.9rem;font-weight:700;color:#1e293b}.dashboard-weekly-grid .grid-time-cell{padding:.75rem .25rem;text-align:center;font-size:.7rem;font-weight:600;color:#94a3b8;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;background:#fcfdfe;display:flex;align-items:center;justify-content:center}.dashboard-weekly-grid .grid-slot-cell{padding:.2rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:40px;display:flex;align-items:center;justify-content:center}.dashboard-apt-card{width:100%;padding:.25rem .4rem;border-radius:.4rem;border-left:2px solid transparent;cursor:default;transition:transform .2s,box-shadow .2s}.dashboard-apt-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.dashboard-apt-card.type-gorusme{background:#eff6ff;border-left-color:#3b82f6}.dashboard-apt-card.type-alim{background:#f0fdf4;border-left-color:#10b981}.dashboard-apt-card.type-yenileme{background:#fffbeb;border-left-color:#f59e0b}.dashboard-apt-card-header{margin-bottom:.15rem}.dashboard-apt-time-type{font-size:.55rem;font-weight:700}.type-gorusme .dashboard-apt-time-type{color:#3b82f6}.type-alim .dashboard-apt-time-type{color:#059669}.type-yenileme .dashboard-apt-time-type{color:#d97706}.dashboard-apt-customer-name{font-size:.65rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-apt-country{font-size:.55rem;color:#64748b;margin-top:.1rem;display:flex;align-items:center;gap:.2rem}.dashboard-monthly-grid{display:grid;grid-template-columns:repeat(7,1fr);height:100%}.dashboard-monthly-grid .monthly-header-cell{padding:.6rem;text-align:center;font-size:.65rem;font-weight:700;color:#94a3b8;background:#fcfdfe;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.dashboard-monthly-grid .monthly-day-cell{min-height:60px;padding:.4rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;position:relative;background:#fff}.dashboard-monthly-grid .monthly-day-cell.other-month{background:#fcfdfe;opacity:.4}.dashboard-monthly-grid .monthly-day-cell.is-today{background:#f5f3ff}.dashboard-monthly-grid .monthly-day-cell.is-today .day-num{color:var(--color-primary);font-weight:800}.dashboard-monthly-grid .day-num{font-size:.75rem;font-weight:600;color:#64748b;display:block;margin-bottom:.25rem}.dashboard-monthly-grid .day-apts{display:flex;flex-wrap:wrap;gap:3px}.monthly-apt-dot{width:6px;height:6px;border-radius:50%}@media(max-width:768px){.calendar-top-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.calendar-top-right{width:100%;justify-content:space-between;gap:.75rem}.calendar-nav{gap:.5rem}.calendar-container-card{overflow-x:auto}.dashboard-weekly-grid{min-width:520px}}@media(max-width:480px){.dashboard-view-toggle button{padding:.3rem .6rem;font-size:.7rem}.current-period{font-size:.75rem}.dashboard-monthly-grid .monthly-day-cell{min-height:40px;padding:.25rem}.dashboard-monthly-grid .day-num{font-size:.65rem}.monthly-apt-dot{width:5px;height:5px}}.dashboard-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dashboard-section-heading{font-size:1rem;font-weight:600;color:var(--color-text-main);margin:0}.dashboard-see-all-btn{background:none;border:none;font-size:.8125rem;font-weight:500;color:var(--color-primary);cursor:pointer;padding:0;transition:opacity .2s}.dashboard-see-all-btn:hover{opacity:.7}.dashboard-item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.dashboard-task-tag{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.03em}.tag-gray{background:#f1f5f9;color:#475569}.dashboard-add-task-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:.75rem;border:1.5px dashed var(--color-border);border-radius:.625rem;background:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.dashboard-add-task-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.dashboard-add-form{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.dashboard-add-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:.625rem;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s}.dashboard-add-input:focus{border-color:var(--color-primary)}.dashboard-add-form-actions{display:flex;gap:.5rem}.dashboard-add-confirm-btn{padding:.375rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer}.dashboard-add-cancel-btn{padding:.375rem 1rem;background:none;border:1px solid var(--color-border);border-radius:.5rem;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer}.dashboard-task-item{cursor:pointer;transition:background-color .2s;border-radius:.375rem;padding:.5rem;margin:-.5rem -.5rem .25rem;border-bottom:1px solid transparent}.dashboard-task-item:hover{background-color:var(--color-bg-body)}.dashboard-task-item.completed .dashboard-item-title{text-decoration:line-through;color:var(--color-text-muted)}.dashboard-task-item.completed .dashboard-item-date{opacity:.6}.dashboard-checkbox-circle{width:20px;height:20px;min-width:20px;border:2px solid var(--color-border);border-radius:50%;margin-top:.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.dashboard-checkbox-circle.checked{background-color:#10b981;border-color:#10b981}.dashboard-checkmark{color:#fff;font-size:.7rem;line-height:1}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0}.dashboard-content{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem;min-height:600px;min-width:0}.dashboard-calendar-section{min-height:500px;min-width:0;overflow:hidden}.dashboard-secondary-section{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.dashboard-upcoming-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;min-width:0}@media(max-width:1280px){.dashboard-content{grid-template-columns:2fr 1fr}}@media(max-width:768px){.dashboard-page{gap:1rem}.dashboard-content{grid-template-columns:1fr;gap:1rem;min-height:auto}.dashboard-calendar-section{min-height:auto}.dashboard-upcoming-card{padding:1rem}.dashboard-section-title{font-size:.9375rem}.dashboard-upcoming-item{padding-bottom:.75rem}.dashboard-item-icon{width:36px;height:36px;font-size:1rem}.dashboard-item-title{font-size:.8125rem}.dashboard-item-date{font-size:.6875rem}.dashboard-task-item{padding:.375rem;margin:-.375rem}}@media(max-width:480px){.dashboard-upcoming-card{padding:.75rem;border-radius:.625rem}.dashboard-section-title{font-size:.875rem;margin-bottom:.75rem}.dashboard-upcoming-item{gap:.5rem}.dashboard-item-icon{width:32px;height:32px;font-size:.875rem}.dashboard-empty-state{padding:1.5rem .5rem}}.dashboard-section-title{font-size:1rem;font-weight:600;color:var(--color-text-main);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.dashboard-upcoming-list{display:flex;flex-direction:column;gap:1rem}.dashboard-upcoming-item{display:flex;align-items:flex-start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.dashboard-upcoming-item:last-child{padding-bottom:0;border-bottom:none}.dashboard-item-icon{flex-shrink:0;width:40px;height:40px;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;background-color:var(--color-bg-body);color:var(--color-primary);border:1px solid var(--color-border)}.dashboard-item-content{flex:1;min-width:0}.dashboard-item-title{font-size:.875rem;font-weight:500;color:var(--color-text-main);margin:0 0 .25rem;line-height:1.4}.dashboard-item-date{font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--color-text-muted)}.dashboard-empty-state svg{opacity:.3;margin-bottom:.5rem}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1500;padding:1rem;animation:cmFadeIn .2s ease}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.customer-modal-content{background:var(--color-bg-surface);border-radius:1.25rem;width:100%;max-width:780px;height:90vh;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:cmSlideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.375rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-bg-surface)}.modal-header-left{display:flex;align-items:center;gap:.875rem}.modal-header-icon{width:42px;height:42px;border-radius:.75rem;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header h2{font-size:1.1875rem;font-weight:700;color:var(--color-text-main);margin:0}.modal-header p{font-size:.8125rem;color:var(--color-text-secondary);margin:.1rem 0 0}.modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.modal-close:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.modal-tabs{display:flex;border-bottom:2px solid var(--color-border);padding:0 1.5rem;background:var(--color-bg-surface);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-tabs .tab{padding:.875rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-2px;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.modal-tabs .tab:hover{color:var(--color-text-main);background:var(--color-bg-body)}.modal-tabs .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.customer-modal-form{flex:1;overflow-y:auto;min-height:0;padding:0}.upload-section{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.upload-hint{font-size:.875rem;color:var(--color-text-secondary);background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:.75rem;padding:.875rem 1rem;margin:0;line-height:1.5}.upload-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.upload-card{background:var(--color-bg-body);border:2px dashed var(--color-border);border-radius:1rem;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;transition:all .2s}.upload-card:hover{border-color:var(--color-primary-light);background:var(--color-primary-light)}.upload-card-icon{color:var(--color-primary)}.upload-card h4{font-size:.9375rem;font-weight:600;color:var(--color-text-main);margin:0}.upload-btn{display:inline-block;padding:.5rem 1.25rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.625rem;color:var(--color-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.upload-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.scan-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--color-primary),#764ba2);border:none;border-radius:.625rem;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.scan-btn:hover{opacity:.9;box-shadow:0 4px 10px #3b82f659}.upload-divider{display:flex;align-items:center;gap:1rem;color:var(--color-text-secondary);font-size:.8125rem}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.manual-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden}.section-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border);margin:0;background:var(--color-bg-surface)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-field label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.form-field input,.form-field select,.form-field textarea{padding:.5625rem .875rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-surface);color:var(--color-text-main);font-size:.9375rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-field input::placeholder{color:var(--color-text-secondary);opacity:.6}.optional-sections{display:flex;flex-direction:column;gap:.75rem}.optional-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.optional-section-toggle{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.section-add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1.5px dashed var(--color-border);border-radius:.625rem;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.section-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.section-add-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);border-style:solid}.section-expand-btn{padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;transition:all .2s}.section-expand-btn:hover{background:var(--color-bg-body);color:var(--color-text-main)}.section-content{animation:cmSlideUp .2s ease}.visa-list{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.visa-item{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;position:relative}.visa-item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.visa-item-remove{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #fca5a5;background:#fef2f2;color:#ef4444;border-radius:.375rem;cursor:pointer;font-size:.75rem;transition:all .2s}.visa-item-remove:hover{background:#ef4444;color:#fff}.add-visa-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;margin:0 1.25rem 1.25rem;border:1.5px dashed var(--color-border);border-radius:.625rem;background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.add-visa-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-main);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg-surface);flex-shrink:0}.btn-cancel{padding:.625rem 1.25rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-body);color:var(--color-text-main);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{padding:.625rem 1.5rem;border:none;border-radius:.625rem;background:var(--color-primary);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{background:var(--color-primary-dark, #2563eb);box-shadow:0 4px 12px #3b82f659}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.customer-modal-content{max-width:100%;width:100%;height:95vh;max-height:95vh;border-radius:1.5rem 1.5rem 0 0}.upload-cards,.form-grid{grid-template-columns:1fr}.modal-tabs .tab{padding:.75rem 1rem;font-size:.8125rem}.modal-footer{padding:.875rem 1rem}}@media(max-width:480px){.modal-header,.manual-form{padding:1rem}.visa-item-grid{grid-template-columns:1fr}}.expandable-sections{display:flex;flex-direction:column;gap:.625rem}.btn-add-section{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1.125rem;border:1.5px dashed var(--color-border);border-radius:.875rem;background:var(--color-bg-body);color:var(--color-text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.btn-add-section:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.form-section.expandable.active{border:1.5px solid var(--color-border);border-radius:.875rem;background:var(--color-bg-body);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.125rem;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none}.section-header h3{margin:0;font-size:.9rem;font-weight:700;color:var(--color-text-main)}.section-header:hover{background:var(--color-bg-body)}.section-actions{display:flex;gap:.375rem;align-items:center}.section-actions .btn-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-body);color:var(--color-text-secondary);cursor:pointer;transition:all .2s;font-size:0}.section-actions .btn-icon:hover{background:var(--color-bg-surface);color:var(--color-text-main);border-color:var(--color-primary)}.section-content .form-grid{background:var(--color-bg-body)}.confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:confirm-fade-in .15s ease}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-box{background:var(--color-bg-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:.875rem;padding:1.75rem 2rem;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:confirm-pop-in .18s cubic-bezier(.34,1.56,.64,1)}@keyframes confirm-pop-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.confirm-icon{width:44px;height:44px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center}.confirm-message{font-size:.9375rem;color:var(--color-text-main, #111);text-align:center;margin:0;line-height:1.5}.confirm-actions{display:flex;gap:.625rem;margin-top:.5rem;width:100%}.confirm-btn-cancel,.confirm-btn-danger{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.confirm-btn-cancel{background:var(--color-bg-hover, #f3f4f6);color:var(--color-text-main, #111)}.confirm-btn-cancel:hover{opacity:.8}.confirm-btn-danger{background:#ef4444;color:#fff}.confirm-btn-danger:hover{opacity:.85}.detail-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s}.detail-modal{background:var(--color-bg-surface);border-radius:1rem;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0003;animation:slideUp .3s}.detail-header{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center;gap:1rem}.detail-avatar{width:56px;height:56px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.detail-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text-main);margin:0}.btn-close{width:32px;height:32px;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-body);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.detail-tabs{display:flex;gap:.5rem;padding:0 1.5rem;border-bottom:2px solid var(--color-border);overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.detail-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;bottom:-2px}.detail-tab:hover{color:var(--color-text-main);background-color:var(--color-bg-body)}.detail-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.detail-content{flex:1;overflow-y:auto;min-height:0;padding:1.5rem}.overview-tab{display:flex;flex-direction:column;gap:1.5rem}.tracking-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tracking-card{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;border-radius:.875rem;border:1px solid var(--color-border);background:var(--color-bg-body);min-width:0}.tracking-card.tc-active{border-left:3px solid #10b981;background:#f0fdf4}.tracking-card.tc-appt{border-left:3px solid #2563eb;background:#f0f6ff}.tracking-card.expiry-ok{border-left:3px solid #10b981;background:#f0fdf4}.tracking-card.expiry-caution{border-left:3px solid #3b82f6;background:#eff6ff}.tracking-card.expiry-warn{border-left:3px solid #f59e0b;background:#fffbeb}.tracking-card.expiry-danger{border-left:3px solid #ef4444;background:#fef2f2}.tracking-card.tc-empty{border-left:3px solid var(--color-border);opacity:.7}.tc-icon{width:40px;height:40px;flex-shrink:0;border-radius:.625rem;background:#0000000d;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.tracking-card.tc-active .tc-icon{color:#10b981}.tracking-card.tc-appt .tc-icon{color:#2563eb}.tracking-card.expiry-ok .tc-icon{color:#10b981}.tracking-card.expiry-warn .tc-icon{color:#f59e0b}.tracking-card.expiry-danger .tc-icon{color:#ef4444}.tc-body{flex:1;min-width:0}.tc-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.25rem}.tc-value{font-size:.9375rem;font-weight:700;color:var(--color-text-main);line-height:1.3}.tc-value.tc-none{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.tc-sub{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.expiry-badge{display:inline-block;padding:.175rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:700;margin-top:.25rem}.expiry-badge.expiry-ok{background:#dcfce7;color:#166534}.expiry-badge.expiry-caution{background:#dbeafe;color:#1e40af}.expiry-badge.expiry-warn{background:#fef9c3;color:#854d0e}.expiry-badge.expiry-danger{background:#fee2e2;color:#991b1b}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-section{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem}.info-section.full-width{grid-column:1 / -1}.section-header-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.section-header-small h3{font-size:1rem;font-weight:600;color:var(--color-text-main);margin:0}.btn-icon{width:32px;height:32px;border-radius:.375rem;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-icon.success:hover{background:#10b981;border-color:#10b981}.btn-icon.danger:hover{background:#ef4444;border-color:#ef4444}.info-rows{display:flex;flex-direction:column;gap:.75rem}.info-row{display:grid;grid-template-columns:20px 120px 1fr;gap:.75rem;align-items:center;font-size:.875rem}.info-row svg{color:var(--color-primary)}.info-row .label{color:var(--color-text-secondary);font-weight:500}.info-row .value{color:var(--color-text-main)}.info-row .value.link{color:var(--color-primary);text-decoration:none;transition:text-decoration .2s}.info-row .value.link:hover{text-decoration:underline}.edit-input{padding:.375rem .5rem;border:1px solid var(--color-primary);border-radius:.375rem;background:#fffbeb;font-size:.875rem;color:var(--color-text-main)}.edit-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.notes-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-body);font-size:.875rem;color:var(--color-text-main);font-family:inherit;resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.notes-textarea:read-only{background:var(--color-bg-surface);cursor:default}.applications-tab,.payments-tab,.documents-tab{display:flex;flex-direction:column;gap:1rem}.tab-header{display:flex;justify-content:space-between;align-items:center}.tab-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-main);margin:0}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:.5rem}.detail-table{width:100%;border-collapse:collapse}.detail-table thead{background:var(--color-bg-body)}.detail-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.detail-table td{padding:1rem;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-main)}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table tbody tr:hover{background:var(--color-bg-body)}.payment-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;display:flex;align-items:center;gap:1rem}.summary-card svg{color:var(--color-primary)}.summary-label{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:.25rem}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-text-main)}.summary-value.success{color:#10b981}.summary-value.danger{color:#ef4444}.badge{display:inline-flex;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-info{background:#dbeafe;color:#1e40af}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.document-card{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.document-card:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.doc-icon{width:48px;height:48px;border-radius:.5rem;background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-name{font-size:.875rem;font-weight:500;color:var(--color-text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.doc-actions{display:flex;gap:.375rem}.visas-tab{display:flex;flex-direction:column;gap:1rem}.visas-count{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:var(--color-primary-light);color:var(--color-primary)}.empty-visas{text-align:center;color:var(--color-text-secondary);padding:2.5rem 1rem;font-size:.9375rem}.visa-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.visa-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.125rem;display:flex;flex-direction:column;gap:.875rem;transition:box-shadow .2s}.visa-card:hover{box-shadow:0 4px 12px #00000014}.visa-card.expiry-ok{border-left:4px solid #10b981}.visa-card.expiry-caution{border-left:4px solid #3b82f6}.visa-card.expiry-warn{border-left:4px solid #f59e0b}.visa-card.expiry-danger{border-left:4px solid #ef4444}.visa-card-header{display:flex;align-items:center;gap:.75rem}.visa-flag{font-size:2rem;line-height:1;flex-shrink:0}.visa-card-title{flex:1;min-width:0}.visa-country{font-size:1rem;font-weight:700;color:var(--color-text-main)}.visa-type{font-size:.75rem;color:var(--color-text-secondary);margin-top:.1rem}.visa-dates{display:flex;align-items:center;gap:.75rem;background:var(--color-bg-body);border-radius:.625rem;padding:.625rem .875rem}.visa-date-item{display:flex;flex-direction:column;gap:.125rem;flex:1}.visa-date-item.right{text-align:right;align-items:flex-end}.visa-date-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.visa-date-value{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.visa-date-value.text-danger{color:#ef4444}.visa-date-arrow{font-size:1.125rem;color:var(--color-text-secondary);flex-shrink:0}.visa-expiry-bar{height:5px;border-radius:9999px;background:var(--color-border);overflow:hidden}.visa-expiry-fill{height:100%;border-radius:9999px;transition:width .5s ease}.visa-expiry-fill.expiry-ok{background:#10b981}.visa-expiry-fill.expiry-caution{background:#3b82f6}.visa-expiry-fill.expiry-warn{background:#f59e0b}.visa-expiry-fill.expiry-danger{background:#ef4444}.btn-renew{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.625rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-renew:hover{background:linear-gradient(135deg,#6d28d9,#4c1d95);box-shadow:0 4px 10px #7c3aed59}@media(max-width:900px){.tracking-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.detail-modal-overlay{padding:0;align-items:flex-end}.detail-modal{max-width:100%;height:92vh;max-height:92vh;border-radius:1.25rem 1.25rem 0 0;overflow:hidden}.overview-grid{grid-template-columns:1fr;gap:1rem}.tracking-cards{grid-template-columns:1fr;gap:.625rem}.tracking-card{padding:.875rem 1rem}.detail-tabs{padding:0 1rem;gap:0}.detail-tab{padding:.625rem .75rem;font-size:.8125rem}.detail-content{padding:1rem}.documents-grid,.visa-cards-grid{grid-template-columns:1fr}.detail-header{padding:1.25rem 1rem}}@media(max-width:480px){.detail-header h2{font-size:1.05rem}.detail-avatar{width:44px;height:44px;font-size:1.125rem}.info-row{grid-template-columns:20px 90px 1fr;font-size:.8125rem;gap:.5rem}.detail-content,.info-section{padding:.875rem}.tab-header{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-summary{grid-template-columns:1fr}}@media(max-width:480px){.visa-flag{font-size:1.625rem}.visa-country{font-size:.9375rem}.visa-dates{padding:.5rem .75rem}.tc-value{font-size:.875rem}}.notes-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.note-item{display:flex;align-items:flex-start;gap:.75rem;background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;padding:.625rem .875rem}.note-content{flex:1;min-width:0}.note-text{display:block;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.note-meta{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.note-input-row{display:flex;gap:.625rem;align-items:flex-start}.note-input-row .notes-textarea{flex:1;resize:vertical}.passports-tab{padding:.25rem 0}.passport-form-card{background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem}.passport-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.passport-cards{display:flex;flex-direction:column;gap:.75rem}.passport-card{background:var(--color-bg-surface);border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;padding:1rem 1.25rem;transition:border-color .15s}.passport-card.passport-active{border-color:#6366f1;border-left:3px solid #6366f1}.passport-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.625rem}.passport-no{font-size:1rem;font-weight:600;color:var(--color-text-primary);font-family:monospace;letter-spacing:.05em}.passport-type{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.125rem}.passport-dates{display:flex;gap:1.25rem;font-size:.8125rem;color:var(--color-text-secondary)}.badge-current{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#ede9fe;color:#6d28d9}.empty-state-small{padding:2.5rem 1rem;text-align:center;color:var(--color-text-secondary);font-size:.9375rem}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.passport-form-grid{grid-template-columns:1fr}}.delete-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.delete-modal{background:var(--color-surface, #1e1e2e);border:1px solid var(--color-border, #2a2a3e);border-radius:1rem;padding:2rem 2.5rem;text-align:center;max-width:360px;width:90%;animation:slideUp .2s ease;box-shadow:0 20px 60px #0006}.delete-modal-icon{width:52px;height:52px;border-radius:50%;background:#ef444426;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.delete-modal p{color:var(--color-text-primary, #e2e8f0);font-size:.9375rem;margin:0;line-height:1.5}.delete-modal-btn-cancel{padding:.5rem 1.25rem;border-radius:.5rem;border:1px solid var(--color-border, #2a2a3e);background:transparent;color:var(--color-text-secondary, #94a3b8);font-size:.875rem;cursor:pointer;transition:background .15s}.delete-modal-btn-cancel:hover{background:var(--color-hover, rgba(255,255,255,.06))}.delete-modal-btn-confirm{padding:.5rem 1.25rem;border-radius:.5rem;border:none;background:#ef4444;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.delete-modal-btn-confirm:hover{background:#dc2626}.toast{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:320px;max-width:500px;animation:slideIn .3s ease-out}.toast.closing{animation:slideOut .3s ease-in forwards}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-container .toast{pointer-events:auto}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-message{flex:1;font-size:.875rem;color:var(--color-text-main);line-height:1.5}.toast-close{flex-shrink:0;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.toast-close:hover{background:var(--color-bg-body);color:var(--color-text-main)}@media(max-width:640px){.toast{bottom:1rem;right:1rem;left:1rem;min-width:auto}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.375rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{margin:.25rem 0}.skeleton-circle{border-radius:50%}.skeleton-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem}.skeleton-card-header{display:flex;gap:1rem;margin-bottom:1.5rem}.skeleton-card-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-card-body,.skeleton-table{display:flex;flex-direction:column;gap:.75rem}.skeleton-table-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.empty-state-icon{color:var(--color-primary);opacity:.6;margin-bottom:1.5rem;animation:fadeIn .5s ease-out}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-text-main);margin:0 0 .5rem;animation:fadeIn .6s ease-out}.empty-state-description{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 2rem;max-width:400px;animation:fadeIn .7s ease-out}.empty-state-action{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customers-page{padding:1.5rem;max-width:1400px;margin:0 auto}.customers-top-actions{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}.header-search-box{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:9999px;border:1px solid var(--color-border);flex:1;max-width:600px;box-shadow:0 2px 4px #00000005;transition:all .2s}.header-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 4px 12px #772ae11a}.header-search-box svg{color:var(--color-text-secondary);flex-shrink:0}.header-search-box input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color-text-main);width:100%}.btn-add-customer{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #772ae166;transition:all .2s;height:42px}.btn-add-customer:hover{transform:translateY(-2px);box-shadow:0 6px 20px #772ae180}.customers-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;min-width:0}.customers-stat-card{background:#fff;border-radius:1.25rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--color-border);min-width:0;overflow:hidden}.stat-icon-box{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-purple{background:#f3eeff;color:#772ae1}.bg-green{background:#dcfce7;color:#16a34a}.bg-orange{background:#fff3e8;color:#ea6c00}.bg-blue{background:#e0f2fe;color:#0ea5e9}.stat-info{flex:1;min-width:0;overflow:hidden}.stat-label-group{display:flex;justify-content:space-between;align-items:center;gap:.375rem;margin-bottom:.5rem;flex-wrap:wrap}.stat-label{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-trend{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;white-space:nowrap;flex-shrink:0}.trend-up{background:#dcfce7;color:#16a34a}.trend-down{background:#fee2e2;color:#dc2626}.trend-new{background:#e0f2fe;color:#0ea5e9}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-main);line-height:1}.customers-filters-bar{background:#fff;padding:.75rem 1.5rem;border-radius:1rem;border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.filter-group{display:flex;align-items:center;gap:1.5rem}.filter-icon{color:var(--color-text-secondary)}.filter-label{font-size:.875rem;color:var(--color-text-secondary)}.filter-item{min-width:140px}.filter-select{width:100%;padding:.5rem 2rem .5rem 1rem;border:none;background:#f8fafc;border-radius:.75rem;font-size:.875rem;color:var(--color-text-main);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.btn-clear-filters{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer}.customers-table-container{background:#fff;border-radius:1.25rem;border:1px solid var(--color-border);overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customers-table th{text-align:left;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.customers-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.customer-cell{display:flex;align-items:center;gap:1rem}.customer-avatar{width:40px;height:40px;min-width:40px;flex-shrink:0;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.customer-name{font-size:.9375rem;font-weight:600;color:var(--color-text-main)}.contact-cell{display:flex;flex-direction:column}.contact-email{font-size:.875rem;font-weight:500;color:var(--color-text-main)}.contact-phone{font-size:.8125rem;color:var(--color-text-secondary)}.country-label{font-size:.875rem;color:var(--color-text-main)}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%}.status-active{background:#dcfce7;color:#166534}.status-active .status-dot{background:#22c55e}.status-pending{background:#fff3e8;color:#9a3412}.status-pending .status-dot{background:#f97316}.status-inactive{background:#f1f5f9;color:#475569}.status-inactive .status-dot{background:#94a3b8}.actions-cell{display:flex;justify-content:flex-end;gap:.75rem}.actions-cell button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;transition:color .2s}.btn-action-view:hover{color:var(--color-primary)}.btn-action-edit:hover{color:#0ea5e9}.btn-action-delete:hover{color:#ef4444}.delete-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.delete-modal{background:#fff;border-radius:1.25rem;padding:2rem;width:100%;max-width:380px;text-align:center;box-shadow:0 20px 60px #00000026;animation:slideUp .2s ease}.delete-modal-icon{width:56px;height:56px;background:#fee2e2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.delete-modal-title{font-size:1.125rem;font-weight:700;color:var(--color-text-main);margin:0 0 .5rem}.delete-modal-desc{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6}.delete-modal-actions{display:flex;gap:.75rem}.delete-modal-btn-cancel{flex:1;padding:.75rem;border:1px solid var(--color-border);border-radius:.75rem;background:#fff;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.delete-modal-btn-cancel:hover:not(:disabled){background:#f8fafc}.delete-modal-btn-confirm{flex:1;padding:.75rem;border:none;border-radius:.75rem;background:#ef4444;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s}.delete-modal-btn-confirm:hover:not(:disabled){background:#dc2626}.delete-modal-btn-confirm:disabled,.delete-modal-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.delete-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.customers-pagination{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#fcfdfe}.pagination-info{font-size:.8125rem;color:#94a3b8}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.5rem;background:#fff;color:#94a3b8;cursor:pointer;transition:all .2s}.pagination-btn:hover{background:#f8fafc;color:var(--color-text-main)}.pagination-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .2s;border:1px solid transparent}.pagination-number:hover{background:#f8fafc}.pagination-number.active{background:var(--color-primary);color:#fff}@media(max-width:1024px){.customers-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.customers-page{padding:1rem}.customers-top-actions{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem}.header-search-box{max-width:100%}.btn-add-customer{width:100%;justify-content:center}.customers-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.customers-stat-card{padding:1rem;gap:.75rem}.stat-icon-box{width:40px;height:40px}.customers-filters-bar{flex-direction:column;align-items:stretch;gap:.75rem}.filter-group{flex-wrap:wrap;gap:.5rem}.filter-item{flex:1;min-width:120px}.customers-table-wrapper,.customers-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:1rem}.customers-table{min-width:600px}.customers-pagination{flex-direction:column;align-items:center;gap:.75rem}.pagination-info{text-align:center}}@media(max-width:480px){.customers-page{padding:.75rem}.customers-stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.customers-stat-card{padding:.875rem;flex-direction:row;align-items:center}.stat-value{font-size:1.25rem}.customers-table{min-width:520px}}.applications-redesign{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-width:1400px;margin:0 auto}.apps-header-v2{display:flex;justify-content:space-between;align-items:center;gap:2rem}.apps-search-group-large{flex:1;max-width:600px;display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:9999px;border:1px solid var(--color-border);box-shadow:0 2px 4px #00000005;transition:all .2s}.apps-search-group-large:focus-within{border-color:var(--color-primary);box-shadow:0 4px 12px #772ae11a}.apps-search-group-large .search-icon{color:#94a3b8;flex-shrink:0}.apps-search-group-large input{border:none;background:transparent;outline:none;flex:1;font-size:.875rem;color:#1e293b;font-weight:500}.btn-new-app{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #772ae166;transition:all .2s;white-space:nowrap}.btn-new-app:hover{transform:translateY(-2px);box-shadow:0 6px 20px #772ae180}.apps-tab-filters{display:flex;gap:.5rem}.tab-btn{padding:.5rem 1.25rem;border:1px solid var(--color-border);background:#fff;border-radius:9999px;font-size:.8125rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tab-btn.tab-approved.active{background:#10b981;border-color:#10b981}.tab-btn.tab-rejected.active{background:#ef4444;border-color:#ef4444}.result-picker{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fefce8;border:1px solid #fde68a;border-radius:.75rem;animation:slideIn .3s ease;flex-wrap:wrap}.result-picker-label{font-size:.8125rem;font-weight:700;color:#92400e}.result-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;border:none;border-radius:9999px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.result-btn.approved{background:#dcfce7;color:#166534}.result-btn.approved:hover{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.result-btn.rejected{background:#fee2e2;color:#991b1b}.result-btn.rejected:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.result-btn.cancel{background:#f1f5f9;color:#64748b}.result-btn.cancel:hover{background:#e2e8f0}.apps-list-v2{display:flex;flex-direction:column;gap:1rem}.app-card-v2{background:#fff;border-radius:1.25rem;border:1px solid var(--color-border);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-card-v2:hover{border-color:var(--color-primary);box-shadow:0 8px 24px -8px #7c3aed1f;transform:translateY(-2px)}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.card-user-section{display:flex;align-items:center;gap:1rem}.user-avatar-v2{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.user-info-v2 h3{font-size:1.0625rem;font-weight:700;color:#1e293b;margin:0 0 .375rem}.user-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.country-tag{font-size:.8125rem;font-weight:600;color:#1e293b}.purpose-tag{padding:.1875rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase}.purpose-tag.purpose-blue{background:#dbeafe;color:#1e40af}.purpose-tag.purpose-purple{background:#f3e8ff;color:#6b21a8}.purpose-tag.purpose-orange{background:#ffedd5;color:#9a3412}.purpose-tag.purpose-green{background:#dcfce7;color:#166534}.app-id-tag{font-size:.75rem;color:#94a3b8;font-weight:600}.app-stepper-v2{display:flex;flex-direction:column;gap:.625rem;overflow:visible}.stepper-track{display:flex;justify-content:space-between;padding-top:6px;padding-bottom:2px}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:0;transition:all .2s;flex:1}.step-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;transition:all .3s;position:relative}.stepper-step.active .step-dot{background:var(--step-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed26}.stepper-step.current .step-dot{box-shadow:0 0 0 4px #7c3aed33;transform:scale(1.2)}.step-label{font-size:.625rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.02em;text-align:center;line-height:1.3}.stepper-step.active .step-label{color:var(--step-color, #7c3aed)}.stepper-progress-bg{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;cursor:pointer}.stepper-progress-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.stepper-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.meta-stage{font-size:.8125rem;font-weight:700}.meta-appointment{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;font-weight:600}.btn-checklist-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f8fafc;border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-primary);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;margin-left:auto}.btn-checklist-toggle:hover{background:#f5f3ff;border-color:var(--color-primary)}.appointment-date-picker{background:#f8fafc;border:1px solid #e2e8f0;padding:.875rem;border-radius:.75rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.appointment-date-picker label{display:block;font-size:.8125rem;font-weight:600;color:#475569;margin-bottom:.5rem}.appointment-date-picker .input-group{display:flex;gap:.5rem}.appointment-date-picker input{flex:1;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;outline:none;background:#fff}.appointment-date-picker input:focus{border-color:var(--color-primary)}.btn-cancel-date{background:#f1f5f9;color:#64748b;border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer}.card-notes{margin-top:.75rem;padding:.625rem .875rem;background:#f8fafc;border-radius:.5rem;font-size:.8125rem;color:#64748b;border-left:3px solid var(--color-primary)}.notes-label{font-weight:700;color:#475569}.card-actions-section,.actions-menu-wrapper{position:relative}.btn-more{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-more:hover{background:#f8fafc;color:var(--color-primary)}.card-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 15px 35px -5px #00000026;z-index:1000;min-width:200px;overflow:hidden}.card-dropdown-menu button{width:100%;padding:.75rem 1.25rem;border:none;background:transparent;text-align:left;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.card-dropdown-menu button:hover{background:#f8fafc;color:var(--color-primary)}.card-dropdown-menu button.delete{color:#ef4444}.card-dropdown-menu button.delete:hover{background:#fef2f2}.apps-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8;gap:1rem}.apps-empty p{font-size:1rem;font-weight:600}.checklist-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:fadeIn .2s ease}.checklist-modal-content{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}.new-app-modal{max-width:600px}.new-app-modal .modal-body-visible{overflow:visible}.new-app-modal .modal-body:not(.modal-body-visible){overflow-y:auto;max-height:60vh}@keyframes modalPop{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-title-group h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.modal-title-group p{font-size:.875rem;font-weight:600;color:#64748b;margin:0}.close-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.modal-body{padding:1.5rem 2rem;overflow-y:auto;background:#f8fafc}.checklist-stats{background:#fff;padding:1rem;border-radius:.75rem;border:1px solid var(--color-border);margin-bottom:1.5rem}.stats-text{display:block;font-size:.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.stats-bar-bg{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}.stats-bar-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .4s ease}.checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.checklist-modal-item{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.875rem;border-radius:.625rem;border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.checklist-modal-item:hover{border-color:#cbd5e1;transform:translate(3px)}.checklist-modal-item input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.checklist-modal-item span{font-size:.8125rem;font-weight:600;color:#334155}.checklist-modal-item span.done{text-decoration:line-through;color:#94a3b8}.modal-footer{padding:1.25rem 2rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem}.btn-done{background:var(--color-primary);color:#fff;padding:.625rem 2rem;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-done:hover{background:#6d28d9;box-shadow:0 8px 15px -3px #7c3aed4d}.btn-cancel-modal{background:#fff;color:#64748b;padding:.625rem 1.5rem;border:1px solid var(--color-border);border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-modal:hover{background:#f8fafc;color:#1e293b}.new-app-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.new-app-form-grid .form-field{display:flex;flex-direction:column;gap:.375rem}.new-app-form-grid .form-field.full-width{grid-column:1 / -1}.new-app-form-grid label{font-size:.8125rem;font-weight:600;color:#475569}.new-app-form-grid input,.new-app-form-grid select,.new-app-form-grid textarea{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:.625rem;font-size:.875rem;color:#1e293b;outline:none;background:#fff;transition:border-color .2s}.new-app-form-grid input:focus,.new-app-form-grid select:focus,.new-app-form-grid textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}.new-app-form-grid textarea{resize:vertical;min-height:80px}.apps-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.pagination-info{font-size:.8125rem;color:#64748b;font-weight:600}.pagination-info span{color:#1e293b;font-weight:700}.pagination-controls{display:flex;gap:.375rem}.page-nav-btn,.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:#fff;border-radius:.5rem;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.page-num.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media(max-width:1024px){.stepper-track{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.25rem}.step-label{font-size:.5625rem;min-width:60px}}@media(max-width:768px){.applications-redesign{padding:1rem;gap:.875rem}.apps-header-v2{flex-direction:column;align-items:stretch;gap:.75rem}.apps-search-group-large{max-width:100%}.btn-new-app{width:100%;justify-content:center}.apps-tab-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.375rem;padding-bottom:.375rem}.tab-btn{white-space:nowrap;flex-shrink:0;font-size:.75rem;padding:.375rem .875rem}.app-card-v2{padding:1rem;border-radius:1rem}.card-top-row{margin-bottom:1rem}.user-avatar-v2{width:40px;height:40px;font-size:.75rem}.user-info-v2 h3{font-size:.9375rem}.user-tags{gap:.375rem}.country-tag{font-size:.75rem}.purpose-tag{font-size:.625rem}.app-id-tag{font-size:.6875rem}.stepper-track{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-top:8px;padding-bottom:4px;gap:.125rem}.step-dot{width:10px;height:10px}.step-label{font-size:.5rem;min-width:50px}.stepper-meta{gap:.5rem;font-size:.75rem}.btn-checklist-toggle{font-size:.6875rem;padding:.25rem .5rem}.card-notes{font-size:.75rem}.checklist-modal-content{max-height:95vh;border-radius:1rem}.modal-header,.modal-body,.modal-footer{padding:1rem 1.25rem}.modal-title-group h2{font-size:1.0625rem}.modal-title-group p{font-size:.8125rem}.checklist-grid,.new-app-form-grid{grid-template-columns:1fr}.new-app-form-grid .form-field.full-width{grid-column:1}.apps-pagination{flex-direction:column;gap:.75rem;align-items:center}}@media(max-width:480px){.applications-redesign{padding:.75rem}.btn-new-app{justify-content:center;padding:.75rem;font-size:.8125rem}.step-label{font-size:.4375rem;min-width:42px}.step-dot{width:8px;height:8px}.stepper-step.current .step-dot{transform:scale(1.15)}.user-avatar-v2{width:36px;height:36px;font-size:.6875rem}.user-info-v2 h3{font-size:.875rem}.stepper-meta{flex-direction:column;align-items:flex-start;gap:.375rem}.btn-checklist-toggle{margin-left:0}}.customer-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-surface);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.customer-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .875rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:var(--color-text-primary);transition:background .12s}.customer-dropdown-item:hover{background:var(--color-bg-secondary, #f9fafb)}.dropdown-initials{width:28px;height:28px;border-radius:50%;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.dropdown-empty{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:.875rem}.selected-customer-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;background:#ede9fe;border-radius:.5rem;border:1px solid #c4b5fd}.selected-customer-name{font-size:.9375rem;font-weight:500;color:#4c1d95}.btn-clear-customer{background:none;border:none;cursor:pointer;color:#7c3aed;padding:.125rem;display:flex;align-items:center;border-radius:.25rem}.btn-clear-customer:hover{background:#ddd6fe}.badge-real{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:9999px;font-size:.7rem;font-weight:600;background:#d1fae5;color:#065f46;letter-spacing:.02em}.badge-customer-form{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:9999px;font-size:.7rem;font-weight:600;background:#ede9fe;color:#5b21b6;letter-spacing:.02em}.app-card-v2.processing{opacity:.7;pointer-events:none}.spin{animation:appSpin .8s linear infinite}@keyframes appSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-steps{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid #f1f5f9;background:#fafafa}.modal-step{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#94a3b8;transition:color .2s}.modal-step.active{color:var(--color-primary)}.step-num{width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-step.active .step-num{background:var(--color-primary);color:#fff}.step-connector{flex:1;height:2px;background:#e2e8f0;border-radius:1px;max-width:40px}.form-section-divider{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;margin:.25rem 0}.form-section-divider span{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.form-section-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.prefill-badge{display:inline-block;margin-left:4px;padding:.05rem .3rem;border-radius:9999px;font-size:.65rem;font-weight:600;background:#d1fae5;color:#065f46;vertical-align:middle}.form-answers-panel{margin-top:.75rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;display:flex;flex-direction:column;gap:.375rem;animation:slideIn .2s ease}.form-answer-row{display:flex;align-items:baseline;gap:.5rem;font-size:.8125rem}.answer-label{color:#64748b;font-weight:500;flex-shrink:0;min-width:140px;max-width:200px}.answer-label:after{content:":"}.answer-value{color:#1e293b;font-weight:600;word-break:break-word}.login-page{min-height:100vh;display:flex;background-color:var(--color-bg-body)}.login-brand-panel{flex:0 0 480px;background:linear-gradient(135deg,#6c3aed,#4f46e5,#3b82f6);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;top:-50%;right:-30%;width:500px;height:500px;background:#ffffff0d;border-radius:50%;pointer-events:none}.login-brand-panel:after{content:"";position:absolute;bottom:-30%;left:-20%;width:400px;height:400px;background:#ffffff08;border-radius:50%;pointer-events:none}.brand-content{position:relative;z-index:1;margin-top:2rem}.brand-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.brand-logo-icon{width:56px;height:56px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.brand-logo h1{font-size:1.75rem;font-weight:700;letter-spacing:-.025em}.brand-tagline{font-size:1.1rem;line-height:1.7;opacity:.85;margin-bottom:3rem}.brand-features{display:flex;flex-direction:column;gap:1.25rem}.brand-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.brand-feature-item:hover{background:#ffffff1f}.feature-icon{width:40px;height:40px;min-width:40px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center}.brand-feature-item strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:.15rem}.brand-feature-item span{font-size:.8rem;opacity:.7}.brand-footer{position:relative;z-index:1}.brand-footer p{font-size:.75rem;opacity:.5}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:420px}.login-header{margin-bottom:2rem}.login-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-main);margin-bottom:.5rem}.login-header p{color:var(--color-text-secondary);font-size:.9rem}.mobile-logo{display:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--color-primary);font-weight:700;font-size:1.25rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-main)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:var(--color-text-secondary);pointer-events:none}.input-wrapper input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--color-border);border-radius:.625rem;background-color:var(--color-bg-body);color:var(--color-text-main);font-size:.9rem;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:var(--color-bg-surface)}.form-options{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.checkbox-label input{display:none}.custom-checkbox{width:1rem;height:1rem;border:1px solid var(--color-border);border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s;background-color:var(--color-bg-body);color:#fff}.checkbox-label input:checked+.custom-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.forgot-password{color:var(--color-primary);text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.login-btn{background:linear-gradient(135deg,#6c3aed,#4f46e5);color:#fff;border:none;padding:.85rem;border-radius:.625rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #6c3aed40}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c3aed59}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.feedback-message{padding:.75rem 1rem;border-radius:.5rem;font-size:.85rem;margin-bottom:1rem;text-align:center}.feedback-message.error{background-color:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}@media(max-width:1024px){.login-brand-panel{flex:0 0 380px;padding:2rem}.brand-tagline{margin-bottom:2rem}}@media(max-width:768px){.login-page{flex-direction:column}.login-brand-panel{display:none}.mobile-logo{display:flex}.login-form-panel{min-height:100vh;padding:1.5rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-surface);border-radius:1rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text-main);margin:0}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-bg-body);color:var(--color-text-main)}.modal-form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.875rem;font-weight:500;color:var(--color-text-main)}.form-field input,.form-field select,.form-field textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-body);color:var(--color-text-main);font-size:.875rem;outline:none;transition:all .2s;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-field textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--color-border)}.modal-footer button{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--color-bg-body);border:1px solid var(--color-border);color:var(--color-text-main)}.btn-cancel:hover{background:var(--color-border)}.btn-save{background:var(--color-primary);border:none;color:#fff}.btn-save:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}.modal-header,.modal-form{padding:1rem}.modal-footer{padding:1rem;flex-direction:column}}.checklist-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checklist-content{background:var(--color-bg-surface);border-radius:1rem;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.checklist-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.checklist-header h2{font-size:1.125rem;font-weight:700;color:var(--color-text-main);margin:0 0 .5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.checklist-info{font-size:.875rem;color:var(--color-text-muted);margin:0}.checklist-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checklist-close:hover{background:var(--color-bg-body);color:var(--color-text-main)}.checklist-progress{padding:1rem 1.5rem;background:var(--color-bg-body)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.progress-count{font-size:.875rem;font-weight:700;color:var(--color-primary)}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.checklist-list{flex:1;overflow-y:auto;padding:1rem 1.5rem}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;border-radius:.5rem;cursor:pointer;transition:all .2s;border:1px solid var(--color-border);margin-bottom:.5rem}.checklist-item:hover{background:var(--color-bg-body)}.checklist-item.checked{background:#ecfdf5;border-color:#10b981}.checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.checklist-item.checked .checkbox{background:#10b981;border-color:#10b981;color:#fff}.doc-name{font-size:.875rem;color:var(--color-text-main);flex:1}.checklist-item.checked .doc-name{color:var(--color-text-secondary);text-decoration:line-through}.checklist-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.btn-save-checklist{width:100%;padding:.875rem;background:var(--color-primary);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-checklist:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media(max-width:640px){.checklist-content{width:95%;max-height:95vh}.checklist-header{padding:1rem}.checklist-progress,.checklist-list,.checklist-footer{padding:.75rem 1rem}}.appointments-new-page{padding:1.5rem;max-width:1400px;margin:0 auto}.appointments-top-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.appointments-search-group{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:9999px;border:1px solid var(--color-border);flex:1;max-width:600px;box-shadow:0 2px 4px #00000005;transition:all .2s}.appointments-search-group:focus-within{border-color:var(--color-primary);box-shadow:0 4px 12px #772ae11a}.appointments-search-icon{color:var(--color-text-secondary);flex-shrink:0}.appointments-search-input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color-text-main);width:100%}.btn-add-appointment{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #772ae166;transition:all .2s;white-space:nowrap}.btn-add-appointment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #772ae180}.calendar-controls-card{background:#fff;padding:1.25rem 2rem;border-radius:1.25rem;border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1.5rem}.calendar-nav-group{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.view-mode-toggle{display:flex;background:#f8fafc;padding:.25rem;border-radius:.75rem;border:1px solid var(--color-border)}.view-mode-toggle button{padding:.5rem 1rem;border:none;background:transparent;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.view-mode-toggle button.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 4px #0000000d}.calendar-nav{display:flex;align-items:center;gap:1.5rem}.current-month{font-size:1.125rem;font-weight:700;color:#1e293b}.nav-arrows{display:flex;gap:.5rem}.nav-arrows button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:#fff;border-radius:.5rem;color:#64748b;cursor:pointer;transition:all .2s}.nav-arrows button:hover{background:#f8fafc;color:var(--color-primary)}.calendar-legend{display:flex;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-text-main)}.dot-gorusme{background:#3b82f6}.dot-alim{background:#10b981}.dot-yenileme{background:#f59e0b}.monthly-grid-container{background:#fff;border:1px solid var(--color-border);border-radius:1.25rem;overflow:hidden;margin-bottom:2rem}.monthly-grid{display:grid;grid-template-columns:repeat(7,1fr)}.monthly-header-cell{padding:1rem;text-align:center;font-size:.75rem;font-weight:700;color:#94a3b8;background:#fcfdfe;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.monthly-day-cell{min-height:120px;padding:.75rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;position:relative;transition:background .2s}.monthly-day-cell:hover{background:#f8fafc}.monthly-day-cell.other-month{background:#fcfdfe;opacity:.5}.monthly-day-cell.is-today{background:#f5f3ff}.monthly-day-cell.is-today .day-num{color:var(--color-primary);font-weight:800}.day-num{font-size:.875rem;font-weight:600;color:#64748b;display:block;margin-bottom:.5rem}.day-apts{display:flex;flex-wrap:wrap;gap:4px}.monthly-apt-dot{width:8px;height:8px;border-radius:50%}.monthly-apt-dot.type-gorusme{background:#3b82f6}.monthly-apt-dot.type-alim{background:#10b981}.monthly-apt-dot.type-yenileme{background:#f59e0b}.weekly-grid-container{background:#fff;border:1px solid var(--color-border);border-radius:1.25rem;overflow:hidden;margin-bottom:2rem}.weekly-grid{display:grid;grid-template-columns:80px repeat(7,1fr);border-collapse:collapse}.grid-header-cell{padding:1.25rem .5rem;text-align:center;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;background:#fcfdfe;display:flex;flex-direction:column;gap:.25rem}.grid-header-cell.is-today{background:#f5f3ff}.grid-header-cell.is-today .day-name,.grid-header-cell.is-today .day-number{color:var(--color-primary)}.grid-header-cell.empty{display:flex;align-items:center;justify-content:center;color:#94a3b8}.day-name{font-size:.75rem;font-weight:600;color:#94a3b8}.day-number{font-size:1.125rem;font-weight:700;color:#1e293b}.grid-time-cell{padding:1.5rem .5rem;text-align:center;font-size:.8125rem;font-weight:600;color:#94a3b8;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;background:#fcfdfe}.grid-slot-cell{padding:.5rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:80px;position:relative;display:flex;align-items:center;justify-content:center}.lunch-break{font-size:.75rem;font-weight:700;color:#e2e8f0;letter-spacing:.1em}.apt-card{width:100%;padding:.625rem .75rem;border-radius:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:3px solid transparent}.apt-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.apt-card.type-gorusme{background:#eff6ff;border-left-color:#3b82f6}.apt-card.type-alim{background:#f0fdf4;border-left-color:#10b981}.apt-card.type-yenileme{background:#fffbeb;border-left-color:#f59e0b}.apt-card-header{margin-bottom:.25rem}.apt-time-type{font-size:.6875rem;font-weight:700}.type-gorusme .apt-time-type{color:#3b82f6}.type-alim .apt-time-type{color:#059669}.type-yenileme .apt-time-type{color:#d97706}.apt-customer-name{font-size:.8125rem;font-weight:700;color:#1e293b}.apt-country{font-size:.6875rem;color:#64748b;margin-top:.125rem}.appointments-list-view{margin-bottom:2rem}.list-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-tab{padding:.5rem 1.25rem;border:1px solid var(--color-border);background:#fff;border-radius:9999px;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-tab.filter-gorusme.active{background:#3b82f6;border-color:#3b82f6}.filter-tab.filter-alim.active{background:#10b981;border-color:#10b981}.filter-tab.filter-yenileme.active{background:#f59e0b;border-color:#f59e0b}.list-table-container{background:#fff;border-radius:1.25rem;border:1px solid var(--color-border);overflow:hidden}.list-table{width:100%;border-collapse:collapse}.list-table th{text-align:left;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.list-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.list-table tbody tr:hover{background:#f8fafc}.list-table tbody tr:last-child td{border-bottom:none}.empty-list{text-align:center;padding:3rem 1.5rem!important;color:var(--color-text-secondary);font-size:.9375rem}.list-customer-cell{display:flex;align-items:center;gap:.75rem}.list-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.list-customer-name{font-size:.9375rem;font-weight:600;color:var(--color-text-main)}.list-country{display:flex;align-items:center;gap:.5rem}.country-flag{font-size:1.25rem}.country-name{font-size:.9375rem;font-weight:600;color:var(--color-text-main)}.list-datetime{display:flex;flex-direction:column;gap:.25rem}.list-date{font-size:.875rem;font-weight:500;color:var(--color-text-main);text-transform:capitalize}.list-time{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--color-text-secondary)}.list-type-badge{display:inline-block;padding:.375rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:600}.list-type-badge.type-gorusme{background:#eff6ff;color:#1d4ed8}.list-type-badge.type-alim{background:#f0fdf4;color:#166534}.list-type-badge.type-yenileme{background:#fffbeb;color:#b45309}.list-location{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-text-secondary)}.list-location svg{color:var(--color-text-muted);flex-shrink:0}.list-actions{display:flex;justify-content:flex-end;gap:.5rem}.list-actions button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.375rem;border-radius:.375rem;transition:all .2s}.list-actions button:hover{color:var(--color-primary);background:#f5f3ff}.list-actions .btn-delete:hover{color:#ef4444;background:#fef2f2}.appointments-bottom-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.bottom-stat-card{background:#fff;padding:1.5rem;border-radius:1.25rem;border:1px solid var(--color-border);display:flex;align-items:center;gap:1.25rem}.stat-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.b-blue{background:#eff6ff;color:#3b82f6}.b-orange{background:#fffbeb;color:#f59e0b}.b-green{background:#f0fdf4;color:#10b981}.b-yellow{background:#fffbeb;color:#f59e0b}.stat-info .val{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2}.stat-info .lab{font-size:.6875rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}@media(max-width:1024px){.weekly-grid{grid-template-columns:60px repeat(7,130px)}.weekly-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.appointments-bottom-stats{grid-template-columns:repeat(3,1fr);gap:1rem}.list-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.list-table{min-width:750px}}@media(max-width:768px){.appointments-new-page{padding:1rem}.appointments-top-toolbar{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem}.appointments-search-group{max-width:100%}.btn-add-appointment{width:100%;justify-content:center}.calendar-controls-card{flex-direction:column;align-items:stretch;padding:1rem;gap:.875rem;margin-bottom:1rem}.calendar-nav-group{flex-direction:column;gap:.75rem}.calendar-nav{justify-content:space-between;gap:.75rem}.current-month{font-size:1rem}.calendar-legend{gap:.875rem;flex-wrap:wrap}.monthly-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.25rem}.monthly-grid{min-width:480px}.monthly-day-cell{min-height:60px;padding:.5rem}.weekly-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.25rem}.weekly-grid{grid-template-columns:50px repeat(7,90px)}.grid-header-cell{padding:.75rem .25rem}.day-name{font-size:.625rem}.day-number{font-size:.9375rem}.grid-time-cell{padding:1rem .375rem;font-size:.6875rem}.grid-slot-cell{min-height:60px;padding:.375rem}.apt-card{padding:.375rem .5rem}.apt-customer-name{font-size:.6875rem}.apt-time-type{font-size:.5625rem}.apt-country{display:none}.list-filter-tabs{gap:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;flex-wrap:nowrap}.filter-tab{padding:.375rem .875rem;font-size:.75rem;white-space:nowrap;flex-shrink:0}.list-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:1rem}.list-table{min-width:680px}.list-table th{padding:1rem;font-size:.6875rem}.list-table td{padding:.875rem 1rem}.list-avatar{width:32px;height:32px;font-size:.625rem}.list-customer-name,.list-date{font-size:.8125rem}.list-time{font-size:.75rem}.list-type-badge{font-size:.75rem;padding:.25rem .625rem}.list-location{font-size:.8125rem}.country-flag{font-size:1rem}.country-name{font-size:.8125rem}.appointments-bottom-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.bottom-stat-card{padding:1rem;gap:.875rem}.stat-info .val{font-size:1.25rem}}@media(max-width:480px){.appointments-new-page{padding:.75rem}.monthly-grid-container,.weekly-grid-container{border-radius:.75rem}.calendar-controls-card{border-radius:.875rem;padding:.875rem}.weekly-grid{grid-template-columns:42px repeat(7,78px)}.btn-add-appointment{justify-content:center;padding:.75rem;font-size:.8125rem}.list-table{min-width:600px}.list-table th{padding:.75rem .625rem}.list-table td{padding:.625rem}.list-avatar{width:28px;height:28px;font-size:.5625rem}.appointments-bottom-stats{grid-template-columns:1fr;gap:.625rem}.stat-icon{width:40px;height:40px}.stat-info .val{font-size:1.125rem}.stat-info .lab{font-size:.625rem}.calendar-legend{display:none}}.profile-container{padding:1rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.profile-header-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:2rem;box-shadow:0 1px 3px #0000001a}.profile-avatar-large{width:100px;height:100px;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;border:2px solid var(--color-border)}.profile-info-main{flex:1}.profile-name{font-size:1.5rem;font-weight:700;color:var(--color-text-main);margin:0 0 .5rem}.profile-role-badge{display:inline-block;padding:.25rem .75rem;background-color:var(--color-bg-body);border:1px solid var(--color-border);border-radius:2rem;color:var(--color-primary);font-size:.875rem;font-weight:500}.profile-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.profile-section{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-main);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-bg-surface);color:var(--color-text-main);font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.permissions-list{display:flex;flex-direction:column;gap:1.5rem}.permission-group{border-bottom:1px solid var(--color-bg-body);padding-bottom:1.5rem}.permission-group:last-child{border-bottom:none;padding-bottom:0}.group-name{font-size:.9rem;font-weight:600;color:var(--color-text-main);margin-bottom:.75rem;text-transform:capitalize}.permission-items{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:.375rem;font-size:.75rem;font-weight:500}.permission-tag.disabled{background-color:#f3f4f6;color:#6b7280;border-color:#e5e7eb;text-decoration:line-through;opacity:.7}.info-banner{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem;color:#1e40af;font-size:.875rem}@media(max-width:1024px){.profile-grid{grid-template-columns:1fr 1.5fr}}@media(max-width:768px){.profile-container{padding:.75rem;gap:1.5rem}.profile-grid{grid-template-columns:1fr;gap:1.5rem}.profile-header-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.profile-section{padding:1.25rem}.profile-avatar-large{width:80px;height:80px;font-size:1.75rem}.profile-name{font-size:1.375rem}}@media(max-width:480px){.profile-container{padding:.5rem;gap:1rem}.profile-header-card{padding:1.25rem;border-radius:.75rem}.profile-avatar-large{width:70px;height:70px;font-size:1.5rem}.profile-name{font-size:1.25rem}.profile-role-badge{font-size:.8125rem}.profile-section{padding:1rem;border-radius:.75rem}.section-title{font-size:1rem;margin-bottom:1.25rem}.form-input,.form-select,.form-textarea{font-size:16px}}.mytasks-page{padding:1.5rem;max-width:1400px;margin:0 auto;min-height:100%}.mytasks-top-actions{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}.mytasks-search-group{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:9999px;border:1px solid var(--color-border);flex:1;max-width:600px;box-shadow:0 2px 4px #00000005;transition:all .2s}.mytasks-search-group:focus-within{border-color:var(--color-primary);box-shadow:0 4px 12px #772ae11a}.mytasks-search-icon{color:var(--color-text-secondary);flex-shrink:0}.mytasks-search-input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color-text-main);width:100%}.mytasks-action-buttons{display:flex;align-items:center;gap:1rem}.mytasks-view-toggle{display:flex;background-color:var(--color-primary);border-radius:9999px;padding:.2rem}.mytasks-view-btn{padding:.375rem 1rem;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;background:transparent;color:#ffffffb3;transition:all .2s}.mytasks-view-btn.active{background-color:#fff;color:var(--color-primary);font-weight:600}.mytasks-add-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;background:var(--color-primary);color:#fff;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:42px}.mytasks-add-btn:hover{background:var(--color-primary-hover)}.mytasks-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}.mytasks-column{background:var(--color-bg-body);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mytasks-col-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.mytasks-col-title{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase}.mytasks-col-count{font-size:.75rem;font-weight:600;background:var(--color-border);color:var(--color-text-secondary);border-radius:9999px;padding:.1rem .5rem}.mytasks-cards{display:flex;flex-direction:column;gap:.75rem}.mytasks-card{background:#fff;border:1px solid var(--color-border);border-radius:.875rem;padding:1rem;transition:box-shadow .2s,transform .2s;cursor:pointer}.mytasks-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.mytasks-card--done{opacity:.7}.mytasks-card--done .mytasks-card-title{text-decoration:line-through;color:var(--color-text-secondary)}.mytasks-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.mytasks-tag{display:inline-block;padding:.2rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em}.tag-orange{background:#fff3e8;color:#ea6c00}.tag-blue{background:#dbeafe;color:#2563eb}.tag-gray{background:#f1f5f9;color:#64748b}.tag-purple{background:#ede9fe;color:#7c3aed}.tag-green{background:#dcfce7;color:#16a34a}.tag-red{background:#fee2e2;color:#dc2626}.mytasks-card-title{font-size:.9375rem;font-weight:600;color:var(--color-text-main);margin:0 0 .375rem;line-height:1.4}.mytasks-card-desc{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.5}.mytasks-progress-bar{height:5px;background:var(--color-border);border-radius:9999px;margin-bottom:.75rem;overflow:hidden}.mytasks-progress-fill{height:100%;background:var(--color-primary);border-radius:9999px;transition:width .3s}.mytasks-card-footer{display:flex;align-items:center;justify-content:space-between}.mytasks-card-footer-left,.mytasks-card-footer-right{display:flex;align-items:center;gap:.375rem}.mytasks-card-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary)}.mytasks-urgent{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#dc2626}.mytasks-avatar{width:26px;height:26px;border-radius:9999px;background:var(--color-primary-light);color:var(--color-primary);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.mytasks-extra-badge{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:9999px;padding:.1rem .375rem}.mytasks-more-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.1rem;border-radius:.25rem;display:flex;align-items:center;transition:color .2s}.mytasks-more-btn:hover{color:var(--color-text-main)}.mytasks-add-card-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.75rem;border:1.5px dashed var(--color-border);border-radius:.875rem;background:none;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.mytasks-add-card-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}@media(max-width:1024px){.mytasks-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mytasks-page{padding:1rem}.mytasks-top-actions{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem}.mytasks-search-group{max-width:100%}.mytasks-action-buttons{width:100%;gap:.75rem}.mytasks-add-btn{flex:1;justify-content:center}.mytasks-board{grid-template-columns:1fr;gap:1rem}.mytasks-col-header{padding:0 .25rem}.mytasks-overlay{align-items:flex-end;padding:0}.mytasks-modal{width:100%;max-width:100%;border-radius:1.25rem 1.25rem 0 0;max-height:92vh;overflow-y:auto}.mytasks-modal-row{flex-direction:column;gap:.75rem}.mytasks-list-row{flex-wrap:wrap}}@media(max-width:480px){.mytasks-page{padding:.75rem}.mytasks-view-btn{padding:.3rem .75rem;font-size:.8rem}.mytasks-card{padding:.875rem}.mytasks-card-title{font-size:.875rem}.mytasks-card-desc{font-size:.75rem}.mytasks-list-date{display:none}.mytasks-modal-body{padding:1.25rem}.mytasks-modal-footer{padding:.875rem 1.25rem;flex-direction:column;gap:.5rem}.mytasks-modal-footer>div{display:flex;gap:.5rem;width:100%;justify-content:flex-end}.mytasks-modal-save,.mytasks-modal-cancel{flex:1;text-align:center}}.mytasks-card--dragging{opacity:.4;box-shadow:0 8px 24px #00000026}.mytasks-column--drag-over{outline:2px dashed var(--color-primary);outline-offset:-4px;background:var(--color-primary-light)}.mytasks-filter-wrapper{position:relative;display:flex;align-items:center;gap:.25rem}.mytasks-filter-input{position:absolute;left:0;top:0;opacity:0;width:0;pointer-events:none;transition:all .3s;border:1px solid var(--color-border);border-radius:.5rem;padding:.4rem .75rem;font-size:.875rem;outline:none;background:#fff}.mytasks-filter-input:focus,.mytasks-filter-wrapper:focus-within .mytasks-filter-input{opacity:1;width:160px;pointer-events:auto;position:static;border-color:var(--color-primary)}.mytasks-filter-clear{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;padding:0}.mytasks-add-card-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#fff;border:1px solid var(--color-border);border-radius:.875rem}.mytasks-inline-input,.mytasks-inline-select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.8125rem;font-family:inherit;outline:none;background:#fff}.mytasks-inline-input:focus,.mytasks-inline-select:focus{border-color:var(--color-primary)}.mytasks-inline-actions{display:flex;gap:.5rem}.mytasks-inline-confirm{padding:.375rem .875rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer}.mytasks-inline-cancel{padding:.375rem .75rem;background:none;border:1px solid var(--color-border);border-radius:.5rem;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer}.mytasks-overlay{position:fixed;inset:0;background:#00000059;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.mytasks-modal{background:#fff;border-radius:1rem;width:480px;max-width:95vw;box-shadow:0 20px 40px #00000026;animation:slideUp .2s ease;overflow:hidden}.mytasks-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.mytasks-modal-header h3{font-size:1rem;font-weight:600;margin:0}.mytasks-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;padding:.25rem;border-radius:.375rem;transition:all .2s}.mytasks-modal-close:hover{background:var(--color-bg-body);color:var(--color-text-main)}.mytasks-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:.875rem}.mytasks-modal-label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem;display:block}.mytasks-modal-input,.mytasks-modal-select,.mytasks-modal-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:.625rem;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s;background:#fff}.mytasks-modal-input:focus,.mytasks-modal-select:focus,.mytasks-modal-textarea:focus{border-color:var(--color-primary)}.mytasks-modal-textarea{resize:vertical}.mytasks-modal-row{display:flex;gap:1rem}.mytasks-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.mytasks-modal-delete{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:#dc2626;font-size:.875rem;cursor:pointer;padding:.375rem .625rem;border-radius:.5rem;transition:background .2s}.mytasks-modal-delete:hover{background:#fee2e2}.mytasks-modal-cancel{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.625rem;background:none;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}.mytasks-modal-save{padding:.5rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.mytasks-modal-save:hover{background:var(--color-primary-hover)}.mytasks-ctx-backdrop{position:fixed;inset:0;z-index:150}.mytasks-ctx-menu{position:fixed;z-index:160;background:#fff;border:1px solid var(--color-border);border-radius:.625rem;padding:.25rem;box-shadow:0 8px 24px #0000001f;min-width:160px;animation:scaleIn .15s ease}.mytasks-ctx-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;font-size:.8125rem;color:var(--color-text-main);cursor:pointer;border-radius:.375rem;text-align:left;transition:background .15s}.mytasks-ctx-item:hover{background:var(--color-bg-body)}.mytasks-ctx-danger{color:#dc2626}.mytasks-ctx-danger:hover{background:#fee2e2}.mytasks-ctx-divider{height:1px;background:var(--color-border);margin:.25rem 0}.mytasks-list{display:flex;flex-direction:column;gap:1.5rem}.mytasks-list-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.mytasks-list-row{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;transition:box-shadow .2s;margin-bottom:.5rem}.mytasks-list-row:hover{box-shadow:0 2px 8px #0000000f}.mytasks-list-row.done .mytasks-list-title{text-decoration:line-through;color:var(--color-text-muted)}.mytasks-checkbox-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.625rem;cursor:pointer;transition:all .2s}.mytasks-checkbox-dot.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.mytasks-list-title{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text-main)}.mytasks-list-date{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.team-container{padding:1.5rem 2rem;height:100%;overflow-y:auto;background-color:#f8fafc}.team-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1.5rem}.branch-filters-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.branch-filters{display:flex;background:#f1f5f9;padding:.25rem;border-radius:.75rem;gap:.25rem}.btn-icon-secondary{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.btn-icon-secondary:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.branch-mgmt-modal{max-width:400px}.branch-add-form{display:flex;gap:.5rem;margin-bottom:2rem}.branch-list-mgmt{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto;padding-right:.5rem}.branch-mgmt-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:.75rem;border:1px solid #f1f5f9}.branch-mgmt-item span{font-weight:600;color:#1e293b;font-size:.875rem}.branch-mgmt-actions{display:flex;gap:.5rem}.branch-mgmt-actions button{background:#fff;border:1px solid #e2e8f0;padding:.25rem;border-radius:4px;color:#64748b;cursor:pointer;display:flex;align-items:center;transition:all .2s}.branch-mgmt-actions button:hover{border-color:#94a3b8;color:#0f172a}.branch-mgmt-actions button.danger:hover{border-color:#ef4444;color:#ef4444}.branch-list-mgmt::-webkit-scrollbar{width:4px}.branch-list-mgmt::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.branch-btn{padding:.5rem 1rem;border-radius:.5rem;border:none;background:transparent;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.branch-btn:hover{color:#0f172a;background:#e2e8f0}.branch-btn.active{background:#fff;color:var(--color-primary, #4f46e5);box-shadow:0 1px 3px #0000001a}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.team-card{background:#fff;border-radius:1rem;padding:1.5rem;border:1px solid #e2e8f0;transition:all .3s;display:flex;flex-direction:column;position:relative;overflow:hidden}.team-card:hover{box-shadow:0 10px 25px -5px #0000000d;border-color:#cbd5e1}.member-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;position:relative}.member-avatar{width:64px;height:64px;background:#f1f5f9;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;position:relative;border:1px solid #e2e8f0}.office-tag{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;font-size:.65rem;font-weight:700;padding:.125rem .5rem;border-radius:4px;white-space:nowrap}.member-main-info{flex:1}.member-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.member-role{display:inline-block;padding:.125rem .625rem;background:#f8fafc;color:#64748b;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0}.member-body{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.team-info-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#475569;font-size:.875rem}.team-info-item svg{color:#94a3b8}.member-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;margin-top:1rem}.team-status-dot{width:8px;height:8px;border-radius:50%}.team-status-active{background-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.member-footer-actions{display:flex;gap:.75rem}.btn-member-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-member-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-member-action.active{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.btn-member-action.primary{background:var(--color-primary, #4f46e5);color:#fff;border:none}.btn-member-action.primary:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e533}.member-expanded-tasks{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed #f1f5f9;animation:slideDown .3s ease-out}.member-expanded-tasks h4{font-size:.875rem;font-weight:700;color:#0f172a;margin:0 0 1rem}.mini-task-list{display:flex;flex-direction:column;gap:.5rem}.mini-task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:.5rem;font-size:.8125rem;border-left:3px solid #cbd5e1}.mini-task-item.high{border-left-color:#ef4444}.mini-task-item.normal{border-left-color:#3b82f6}.mini-task-item.low{border-left-color:#10b981}.task-bullet{width:6px;height:6px;border-radius:50%;background:#94a3b8}.task-title{flex:1;font-weight:500;color:#1e293b}.task-date{font-size:.75rem;color:#64748b}.no-tasks-text{font-size:.8125rem;color:#94a3b8;font-style:italic;text-align:center}.add-member-card{border:2px dashed #cbd5e1;background:transparent;justify-content:center;align-items:center;text-align:center;cursor:pointer;min-height:250px}.add-member-card:hover{border-color:var(--color-primary, #4f46e5);background:#f8fafc}.add-icon-wrapper{width:56px;height:56px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#64748b}.add-member-card:hover .add-icon-wrapper{background:#fff;color:var(--color-primary, #4f46e5);box-shadow:0 4px 12px #0000000d}.card-actions-wrapper{position:absolute;top:1rem;right:1rem;z-index:10}.card-actions-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.card-actions-btn:hover,.card-actions-btn.active{background:#f1f5f9;color:#0f172a}.card-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;min-width:160px;padding:.5rem;z-index:20}.card-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:none;background:none;text-align:left;font-size:.875rem;color:#475569;border-radius:.5rem;cursor:pointer}.card-menu-item:hover{background:#f8fafc;color:#0f172a}.card-menu-item.danger{color:#ef4444}.card-menu-item.danger:hover{background:#fef2f2}.team-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.team-modal{background:#fff;border-radius:1.25rem;width:90%;max-width:450px;box-shadow:0 25px 50px -12px #00000040;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}.team-modal-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.team-modal-header h2{font-size:1.25rem;font-weight:700;color:#0f172a}.close-btn{background:#f8fafc;border:none;padding:.5rem;border-radius:.5rem;color:#64748b;cursor:pointer}.team-modal-content{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 4px #4f46e51a}.team-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem}.btn-secondary{padding:.75rem 1.25rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;font-weight:600;font-size:.875rem;color:#475569;cursor:pointer}@keyframes modalPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.team-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.team-container{padding:1rem}.team-toolbar{flex-direction:column;align-items:stretch;gap:1rem}.branch-filters-container{justify-content:space-between}.branch-filters{overflow-x:auto;padding:.25rem;-webkit-overflow-scrolling:touch}.branch-btn{padding:.5rem .75rem;white-space:nowrap}.team-grid{grid-template-columns:1fr}.member-footer-actions{flex-direction:column}}.role-management-container{padding:1.5rem;max-width:1200px;margin:0 auto}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:3rem}@media(max-width:1024px){.roles-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:768px){.role-management-container{padding:1rem}.roles-grid{grid-template-columns:1fr}}.role-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}.role-card-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;background-color:var(--color-bg-body)}.role-title{font-size:1.125rem;font-weight:600;color:var(--color-text-main);display:flex;align-items:center;gap:.5rem}.role-users-count{font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.role-card-content{padding:1.5rem;flex:1}.permission-matrix{display:flex;flex-direction:column;gap:1rem}.matrix-group{border-bottom:1px solid var(--color-border);padding-bottom:1rem}.matrix-group:last-child{border-bottom:none;padding-bottom:0}.matrix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.matrix-title{font-weight:600;font-size:.9rem;color:var(--color-text-main);text-transform:capitalize}.matrix-toggle{cursor:pointer;color:var(--color-primary)}.matrix-permissions{display:flex;flex-wrap:wrap;gap:.5rem}.perm-pill{font-size:.75rem;padding:.25rem .625rem;border-radius:1rem;border:1px solid var(--color-border);color:var(--color-text-secondary);background-color:var(--color-bg-body);transition:all .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.perm-pill.active{background-color:#dcfce7;color:#166534;border-color:#86efac}.perm-pill:not(.disabled):hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.perm-pill.active:not(.disabled):hover{background-color:#bbf7d0}.perm-pill:not(.active):not(.disabled):hover{background-color:var(--color-bg-surface-hover);border-color:var(--color-border-hover)}.perm-pill.disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6;pointer-events:none}.role-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;background-color:var(--color-bg-body)}.save-btn{display:flex;align-items:center;gap:.5rem}.settings-page{height:100%;padding:2rem;overflow:hidden;background-color:#f8fafc}.settings-container{display:grid;grid-template-columns:280px 1fr;background:#fff;border-radius:1.25rem;height:100%;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.settings-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;padding:1.5rem 0;display:flex;flex-direction:column}.settings-nav-header{padding:0 1.5rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:#0f172a;font-weight:700;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.settings-nav{display:flex;flex-direction:column;padding:0 1rem;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:#f1f5f9;color:#0f172a}.nav-item.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}.settings-content-wrapper{padding:2.5rem;overflow-y:auto}.settings-tab-content{max-width:800px}.tab-header{margin-bottom:2.5rem}.tab-header h3{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.tab-header p{color:#64748b;font-size:.9375rem}.settings-section{background:#f8fafc;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;border:1px solid #f1f5f9}.section-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:1.25rem}.mt-2{margin-top:2rem}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group.full-width{grid-column:span 2}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:#94a3b8}.input-with-icon .form-input{padding-left:2.75rem}.logo-upload-section{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px dashed #e2e8f0}.current-logo{width:80px;height:80px;background:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0}.upload-hint{font-size:.75rem;color:#94a3b8;margin-top:.5rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.75rem}.settings-tag{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:#1e293b}.settings-tag.secondary{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.btn-tag-add{background:transparent;border:1px dashed #cbd5e1;padding:.5rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.btn-tag-add:hover{background:#fff;border-color:#4f46e5;color:#4f46e5}.price-list{display:flex;flex-direction:column;gap:.75rem}.price-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid #e2e8f0}.price-item span{font-size:.875rem;font-weight:600;color:#1e293b}.price-input{display:flex;align-items:center;background:#f1f5f9;border-radius:.5rem;overflow:hidden}.price-input input{width:80px;border:none;background:transparent;padding:.5rem;text-align:right;font-weight:700;outline:none}.price-input span{padding:.5rem .75rem;background:#e2e8f0;font-size:.75rem;color:#64748b}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notif-config-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#fff;border-radius:1rem;border:1px solid #e2e8f0}.notif-info{display:flex;align-items:center;gap:1.25rem}.notif-icon{width:44px;height:44px;background:#f1f5f9;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#64748b}.notif-info h5{font-size:.9375rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.notif-info p{font-size:.8125rem;color:#64748b;margin:0}.btn-secondary.sm{padding:.5rem .75rem;font-size:.75rem}.settings-footer{display:flex;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e2e8f0;margin-top:2rem}@media(max-width:1024px){.settings-container{grid-template-columns:80px 1fr}.nav-item span,.sidebar-header span{display:none}.nav-item{justify-content:center}}@media(max-width:768px){.settings-page{padding:0}.settings-container{grid-template-columns:1fr;border-radius:0}.settings-sidebar{flex-direction:row;border-right:none;border-bottom:1px solid #e2e8f0;padding:.5rem;overflow-x:auto}.settings-nav-header{display:none}.settings-nav{flex-direction:row}.settings-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.anim-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.finance-v2-container{padding:1.5rem 2rem;height:100%;overflow-y:auto;background-color:#f8fafc}.fin-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem}.fin-actions{display:flex;gap:1rem}.btn-fin-primary,.btn-fin-outline{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-fin-primary{background:var(--color-primary);color:#fff;border:none;box-shadow:0 1px 3px #4f46e533}.btn-fin-primary:hover{background:#4338ca}.btn-fin-outline{background:#fff;color:#475569;border:1px solid #cbd5e1}.btn-fin-outline:hover{background:#f1f5f9;border-color:#94a3b8}.fin-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.fin-stat-card{background:#fff;border-radius:.75rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008}.stat-icon-wrapper{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.fin-stat-card.income .stat-icon-wrapper{background:#dcfce7;color:#10b981}.fin-stat-card.expense .stat-icon-wrapper{background:#fee2e2;color:#ef4444}.fin-stat-card.profit .stat-icon-wrapper{background:#e0e7ff;color:#4f46e5}.fin-stat-card.loss .stat-icon-wrapper{background:#fef3c7;color:#d97706}.fin-stat-card.pending .stat-icon-wrapper{background:#ffedd5;color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.8125rem;color:#64748b;font-weight:500;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:#0f172a}.fin-stat-card.income .stat-value{color:#10b981}.fin-stat-card.loss .stat-value{color:#ef4444}.fin-main-content{display:flex;gap:1.5rem;align-items:flex-start}.fin-left-col{flex:3;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.fin-right-col{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:280px}.fin-chart-card,.fin-lists-card,.fin-quick-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;padding:1.5rem;box-shadow:0 1px 2px #00000005}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.chart-legend{display:flex;gap:1rem;font-size:.875rem;color:#64748b}.legend-item{display:flex;align-items:center;gap:.375rem}.dot{width:10px;height:10px;border-radius:50%}.dot.income{background:#10b981}.dot.expense{background:#ef4444}.chart-container{height:300px}.chart-tooltip{background:#fff;border:1px solid #e2e8f0;padding:1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.tooltip-label{margin:0 0 .5rem;font-weight:600;color:#1e293b}.tooltip-item{display:flex;justify-content:space-between;gap:1.5rem;font-size:.875rem;margin-bottom:.25rem}.tooltip-item.income strong{color:#10b981}.tooltip-item.expense strong{color:#ef4444}.tooltip-item.profit{color:#0f172a;font-weight:700}.fin-tabs{display:flex;gap:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem}.fin-tab{background:none;border:none;padding:.75rem 0;font-size:.9375rem;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent;transition:all .2s}.fin-tab:hover{color:#1e293b}.fin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.fin-list-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.fin-search{position:relative;width:350px}.fin-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.fin-search input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;transition:all .2s}.fin-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e51a}.btn-filter{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #cbd5e1;color:#475569;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer}.btn-filter:hover{background:#f8fafc}.fin-table-wrapper{overflow-x:auto}.fin-styled-table{width:100%;border-collapse:collapse;font-size:.875rem}.fin-styled-table th{text-align:left;padding:.75rem 1rem;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0;background:#f8fafc}.fin-styled-table th:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.fin-styled-table th:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.fin-styled-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.fin-styled-table tbody tr:last-child td{border-bottom:none}.fin-styled-table tbody tr:hover td{background:#f8fafc}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-muted{color:#94a3b8}.tx-date{color:#64748b;font-weight:500}.tx-type-badge{display:inline-block;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600}.tx-type-badge.income{background:#dcfce7;color:#059669}.tx-type-badge.expense{background:#fee2e2;color:#dc2626}.tx-desc{font-weight:500;color:#0f172a;margin-bottom:.125rem}.tx-customer{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b}.tx-amount{font-weight:700}.tx-amount.income{color:#10b981}.tx-amount.expense{color:#ef4444}.row-faded td{opacity:.6}.pay-customer{display:flex;align-items:center;gap:.75rem}.pay-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.pay-name{font-weight:600;color:#0f172a}.pay-service{font-weight:500;color:#475569}.pay-dates{display:flex;flex-direction:column;gap:.25rem}.pay-date{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b}.pay-status{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.pay-status.overdue{color:#ef4444}.pay-status.pending{color:#f59e0b}.pay-status.paid{color:#10b981}.pay-amount{font-weight:700;color:#0f172a}.btn-collect{background:#eef2ff;color:var(--color-primary);border:none;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;transition:all .2s}.btn-collect:hover{background:var(--color-primary);color:#fff}.fin-quick-card h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#0f172a}.quick-action-btns{display:flex;flex-direction:column;gap:.75rem}.qa-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.qa-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.qa-btn.success:hover{background:#dcfce7;color:#059669;border-color:#a7f3d0}.qa-btn.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.reminder-list{display:flex;flex-direction:column;gap:1rem}.reminder-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.rem-info{display:flex;flex-direction:column}.rem-info strong{font-size:.875rem;color:#0f172a}.rem-info span{font-size:.75rem;color:#64748b}.rem-amount{font-size:.875rem;font-weight:700;color:#ef4444}.btn-link-full{width:100%;background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:600;padding:.5rem;cursor:pointer}.btn-link-full:hover{text-decoration:underline}@media(max-width:1200px){.fin-main-content{flex-direction:column}.fin-right-col{width:100%}}@media(max-width:1024px){.fin-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.fin-summary-grid{grid-template-columns:1fr}.fin-search{width:100%}.fin-list-toolbar{flex-direction:column;gap:1rem;align-items:stretch}}.fin-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fin-modal-content{background:#fff;width:100%;max-width:500px;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.fin-modal-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.btn-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#f1f5f9}.fin-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.fin-form-row{display:flex;gap:1rem}.fin-form-group{flex:1;display:flex;flex-direction:column;gap:.375rem}.fin-form-group label{font-size:.75rem;font-weight:600;color:#475569}.fin-form-group input,.fin-form-group select{padding:.625rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;transition:border-color .2s}.fin-form-group input:focus,.fin-form-group select:focus{outline:none;border-color:var(--color-primary)}.amount-input-wrapper{display:flex;gap:.5rem}.amount-input-wrapper input{flex:3}.amount-input-wrapper select{flex:2}.fin-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.75rem}.fin-modal-footer .btn-fin-primary:disabled{opacity:.5;cursor:not-allowed}.caf-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-width:1400px;margin:0 auto}.caf-mode-toggle{display:inline-flex;background:#f1f5f9;padding:.375rem;border-radius:12px;gap:.25rem;align-self:flex-start;margin-bottom:.5rem}.caf-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.caf-mode-btn:hover{color:#1e293b}.caf-mode-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.caf-tab-filters{display:flex;gap:.5rem;flex-wrap:wrap}.caf-tab-btn{padding:.5rem 1.25rem;border:1px solid var(--color-border);background:#fff;border-radius:9999px;font-size:.8125rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.caf-tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.caf-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.caf-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.caf-header-actions{display:flex;align-items:center;gap:.75rem}.caf-summary-text{font-size:.8125rem;font-weight:600;color:#64748b}.caf-search-bar{flex:1;max-width:500px;display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:9999px;border:1px solid var(--color-border);box-shadow:0 2px 4px #00000005;transition:all .2s}.caf-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 4px 12px #772ae11a}.caf-search-bar .search-icon{color:#94a3b8;flex-shrink:0}.caf-search-bar input{border:none;background:transparent;outline:none;flex:1;font-size:.875rem;color:#1e293b;font-weight:500}.caf-add-btn{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #772ae166;transition:all .2s;white-space:nowrap}.caf-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #772ae180}.caf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.caf-card{background:#fff;border-radius:1.25rem;border:1px solid var(--color-border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.caf-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px -8px #7c3aed1f;transform:translateY(-2px)}.caf-card-top{padding:1.25rem;display:flex;align-items:center;gap:.875rem;border-bottom:1px solid #f1f5f9}.caf-flag{font-size:2rem;line-height:1}.caf-card-info{flex:1}.caf-card-info h3{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;color:#1e293b}.caf-purpose-tag{display:inline-block;padding:.1875rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase}.caf-question-count{font-size:.75rem;font-weight:700;color:#94a3b8;white-space:nowrap}.caf-card-top-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.caf-icon-top-btn{width:32px;height:32px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.caf-icon-top-btn:hover{border-color:#cbd5e1;background:#f8fafc}.caf-icon-top-btn.delete{border-color:#fecaca;background:#fff5f5;color:#dc2626}.caf-icon-top-btn.delete:hover{background:#fee2e2;border-color:#fca5a5}.caf-card-meta{padding:0 1.25rem .875rem;display:flex;flex-direction:column;gap:.5rem}.caf-meta-badges{display:flex;flex-wrap:wrap;gap:.375rem}.caf-inline-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:700;letter-spacing:.01em}.caf-inline-badge.draft{background:#fef3c7;color:#92400e}.caf-inline-badge.published{background:#dcfce7;color:#166534}.caf-inline-badge.archived{background:#e2e8f0;color:#475569}.caf-inline-badge.neutral{background:#eef2ff;color:#4338ca}.caf-code-line{font-size:.75rem;color:#64748b;font-weight:600;word-break:break-word}.caf-card-questions-preview{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.375rem}.caf-preview-q{font-size:.75rem;color:#64748b;line-height:1.4}.caf-preview-q .q-num{font-weight:700;color:var(--color-primary)}.caf-preview-more{font-size:.75rem;color:#94a3b8;font-weight:600;padding-top:.25rem}.caf-card-actions{padding:.875rem 1.25rem;background:#f8fafc;display:flex;gap:.5rem}.caf-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.8125rem;font-weight:600;background:#fff;color:#475569;cursor:pointer;transition:all .2s}.caf-action-btn:hover,.caf-action-btn.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.caf-action-btn.primary:hover{background:#6d28d9}.caf-section{margin-top:.5rem}.caf-section-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.caf-table-wrap{background:#fff;border:1px solid var(--color-border);border-radius:1rem;overflow:hidden}.caf-table{width:100%;border-collapse:collapse}.caf-table thead{background:#f8fafc}.caf-table th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.caf-table td{padding:1rem 1.25rem;font-size:.875rem;color:#1e293b;border-top:1px solid #f1f5f9}.caf-table tbody tr:hover{background:#f8fafc}.caf-customer-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.caf-customer-flag{font-size:1rem}.caf-date{color:#64748b;font-size:.8125rem}.caf-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-completed{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-progress{background:#dbeafe;color:#1e40af}.caf-table-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.8125rem;font-weight:600;background:#fff;color:#475569;cursor:pointer;transition:all .2s}.caf-table-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.caf-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:cafFadeIn .2s ease}@keyframes cafFadeIn{0%{opacity:0}to{opacity:1}}.caf-modal{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:cafModalPop .3s cubic-bezier(.34,1.56,.64,1)}.caf-modal.wide{max-width:900px}.caf-modal.small{max-width:500px}@keyframes cafModalPop{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.caf-modal-header{padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.caf-modal-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.caf-modal-header p{font-size:.875rem;font-weight:600;color:#64748b;margin:0}.caf-close-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.caf-close-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.caf-modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1;background:#f8fafc}.caf-modal-footer{padding:1.25rem 2rem;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.caf-footer-right{display:flex;gap:.75rem}.caf-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.5rem;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.caf-btn.primary{background:var(--color-primary);color:#fff}.caf-btn.primary:hover{background:#6d28d9;box-shadow:0 8px 15px -3px #7c3aed4d}.caf-btn.secondary{background:#fff;color:#64748b;border:1px solid var(--color-border)}.caf-btn.secondary:hover{background:#f8fafc;color:#1e293b}.caf-btn.danger{background:#fee2e2;color:#991b1b}.caf-btn.danger:hover{background:#ef4444;color:#fff}.caf-btn.sm{padding:.5rem 1rem;font-size:.8125rem}.caf-q-item.preview{padding:.75rem 1rem;background:#fff;border-radius:.625rem;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);margin-bottom:.625rem}.caf-q-num{font-size:.6875rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;display:block;margin-bottom:.25rem}.caf-q-item p{margin:0;font-size:.875rem;color:#334155;font-weight:500}.caf-public-status{background:#fff;border:1px solid #dbeafe;border-radius:1rem;padding:1rem 1.125rem;margin-bottom:1rem}.caf-public-status h3{margin:0 0 .375rem;font-size:.9375rem;font-weight:700;color:#1e3a8a}.caf-public-status p{margin:0;font-size:.875rem;line-height:1.55;color:#334155}.caf-public-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}.caf-public-field{background:#fff;border:1px solid var(--color-border);border-radius:.875rem;padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.caf-public-field label{font-size:.8125rem;font-weight:700;color:#334155}.caf-public-field input,.caf-public-field select,.caf-public-field textarea{width:100%;border:1px solid #dbe3ee;border-radius:.625rem;padding:.75rem .875rem;font-size:.875rem;color:#64748b;background:#f8fafc}.caf-public-field textarea{resize:vertical;min-height:104px}.caf-public-options{display:flex;flex-direction:column;gap:.625rem}.caf-public-option{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#475569}.edit-body{display:flex;flex-direction:column;gap:.5rem}.caf-empty-edit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#94a3b8;gap:.75rem}.caf-empty-edit p{font-size:.875rem;font-weight:600;margin:0}.caf-edit-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:.625rem;transition:all .2s}.caf-edit-row:hover{border-color:#cbd5e1}.caf-edit-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.6875rem;font-weight:700;flex-shrink:0}.caf-edit-text{flex:1;font-size:.8125rem;color:#334155;font-weight:500;line-height:1.4}.caf-edit-stack{flex:1;display:flex;flex-direction:column;gap:.625rem}.caf-edit-meta-row{display:flex;gap:.75rem;flex-wrap:wrap}.caf-edit-input{font-size:.8125rem;color:#334155;font-weight:500;line-height:1.4;padding:.5rem;border:1px solid transparent;background:transparent;border-radius:.375rem;outline:none;transition:all .2s}.caf-edit-input:hover{border-color:#cbd5e1;background:#f8fafc}.caf-edit-input:focus{border-color:var(--color-primary);background:#fff}.caf-edit-type-select,.caf-edit-options-input{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:.625rem;padding:.7rem .85rem;font-size:.8125rem;color:#334155;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.caf-edit-type-select:focus,.caf-edit-options-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1f}.caf-edit-options-input{min-height:92px;resize:vertical}.caf-edit-actions{display:flex;gap:.25rem;flex-shrink:0}.caf-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.375rem;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.caf-icon-btn:hover{background:#f1f5f9;color:var(--color-primary);border-color:var(--color-primary)}.caf-icon-btn:disabled{opacity:.3;cursor:not-allowed}.caf-icon-btn.delete:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.caf-add-question-row{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px dashed #e2e8f0}.caf-add-question-row input{flex:1;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:.625rem;font-size:.875rem;color:#1e293b;outline:none;background:#fff;transition:border-color .2s}.caf-add-question-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}.caf-new-form-fields{display:flex;flex-direction:column;gap:1.25rem}.caf-field{display:flex;flex-direction:column;gap:.375rem}.caf-field label{font-size:.8125rem;font-weight:700;color:#475569}.caf-field select{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:.625rem;font-size:.875rem;color:#1e293b;outline:none;background:#fff;transition:border-color .2s}.caf-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}@media(max-width:1024px){.caf-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.caf-page{padding:1rem;gap:.875rem}.caf-header{flex-direction:column;align-items:stretch;gap:.75rem}.caf-search-bar{max-width:100%}.caf-public-form{grid-template-columns:1fr}.caf-add-btn{width:100%;justify-content:center}.caf-grid{grid-template-columns:1fr}.caf-card-actions{flex-direction:column}.caf-action-btn{width:100%}.caf-table-wrap{overflow-x:auto}.caf-modal{max-height:95vh;border-radius:1rem}.caf-modal.wide{max-width:100%}.caf-modal-header,.caf-modal-body{padding:1rem 1.25rem}.caf-modal-footer{padding:1rem 1.25rem;flex-direction:column;gap:.75rem}.caf-modal-footer .caf-btn.danger{width:100%;justify-content:center}.caf-footer-right{width:100%}.caf-footer-right .caf-btn{flex:1;justify-content:center}.caf-edit-text{font-size:.75rem}.caf-add-question-row{flex-direction:column}.caf-add-question-row .caf-btn{width:100%;justify-content:center}}@media(max-width:480px){.caf-page{padding:.75rem}.caf-table th,.caf-table td{padding:.75rem;font-size:.8125rem}}.translation-page{height:100%;display:flex;flex-direction:column}.translation-content{display:flex;gap:1.5rem;padding:1.5rem 2rem;align-items:flex-start}.translation-card{background:#fff;border-radius:1rem;border:1px solid var(--color-border);padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 1.25rem}.upload-section{flex:2;min-width:0}.tr-form-group{margin-bottom:1.5rem}.tr-form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.tr-select-wrapper{position:relative}.tr-select-wrapper select{width:100%;padding:.875rem 1rem;background:#f8fafc;border:1px solid var(--color-border);border-radius:.75rem;font-size:.9375rem;color:#1e293b;appearance:none;cursor:pointer;font-weight:500;transition:all .2s}.tr-select-wrapper select:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.tr-select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.tr-dropzone{border:2px dashed #cbd5e1;border-radius:1rem;background:#f8fafc;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease}.tr-dropzone:hover{border-color:var(--color-primary);background:#f1f5f9}.tr-dropzone.dragging{border-color:var(--color-primary);background:#eef2ff}.tr-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.tr-upload-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000d;margin-bottom:.5rem}.tr-dropzone h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.tr-dropzone p{margin:0;font-size:.8125rem;color:#64748b}.tr-selected-file{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;box-shadow:0 1px 2px #0000000d}.tr-file-info{display:flex;align-items:center;gap:1rem}.tr-file-icon{width:48px;height:48px;border-radius:.5rem;background:#eef2ff;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.tr-file-details{display:flex;flex-direction:column;gap:.25rem}.tr-file-name{font-size:.875rem;font-weight:600;color:#1e293b}.tr-file-size{font-size:.75rem;color:#64748b}.tr-remove-file{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.tr-remove-file:hover{background:#fee2e2;color:#ef4444}.tr-action-wrapper{margin-top:2rem}.tr-process-btn{width:100%;padding:1rem;border:none;border-radius:.75rem;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4f46e533}.tr-process-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.tr-process-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.tr-process-btn.processing{background:#0ea5e9;box-shadow:0 4px 12px #0ea5e933}.spin-icon{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.translation-side-section{flex:1;min-width:320px;display:flex;flex-direction:column;gap:1.5rem}.result-card{border-color:#22c55e;background:#f0fdf4;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.result-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#16a34a}.result-subtitle{margin:0;font-size:.8125rem;color:#15803d;font-weight:500}.result-doc-box{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid #bbf7d0;margin-bottom:1.25rem}.doc-icon{color:#2563eb}.doc-name{display:block;font-size:.875rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;word-break:break-all}.doc-type{font-size:.75rem;color:#64748b}.tr-download-btn{width:100%;padding:.875rem;border:none;border-radius:.75rem;background:#2563eb;color:#fff;font-size:.9375rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.tr-download-btn:hover{background:#1d4ed8}.tr-history-list{display:flex;flex-direction:column;gap:.75rem}.tr-history-item{display:flex;align-items:center;gap:.875rem;padding:.75rem;background:#f8fafc;border-radius:.5rem;border:1px solid var(--color-border);transition:all .2s}.tr-history-item:hover{border-color:#cbd5e1;background:#fff}.tr-history-icon{width:36px;height:36px;border-radius:.375rem;background:#eef2ff;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.tr-history-info{flex:1;min-width:0}.tr-history-name{font-size:.8125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-history-meta{font-size:.6875rem;color:#64748b;display:flex;gap:.375rem}.tr-history-dl{background:none;border:none;color:#64748b;padding:.5rem;cursor:pointer;border-radius:.375rem;transition:all .2s}.tr-history-dl:hover{background:#eef2ff;color:var(--color-primary)}@media(max-width:900px){.translation-content{flex-direction:column;padding:1rem}.translation-side-section,.upload-section{width:100%}}.public-flow-shell{display:flex;flex-direction:column;gap:1rem}.public-flow-header{display:flex;align-items:center;justify-content:center}.public-flow-context{display:inline-flex;align-items:center;gap:.85rem;padding:.7rem .95rem;border-radius:999px;background:#fff;border:1px solid #dbe3ef;box-shadow:0 12px 30px -28px #0f172a73}.public-flow-context-flag{width:2.35rem;height:2.35rem;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#fee2e2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.public-flow-context-copy{display:flex;flex-direction:column;gap:.12rem}.public-flow-kicker{font-size:.9rem;font-weight:700;color:#1f2937}.public-flow-context-meta{font-size:.76rem;font-weight:600;color:#64748b}.public-flow-progress{display:flex;flex-direction:column;gap:.75rem}.public-flow-progress-bar{width:100%;height:.5rem;border-radius:999px;background:#e2e8f0;overflow:hidden}.public-flow-progress-value{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0ea5e9);transition:width .25s ease}.public-flow-steps{display:flex;gap:.625rem;justify-content:center}.public-flow-step-pill{width:2.55rem;height:2.55rem;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.public-flow-step-pill:hover{border-color:#cbd5e1;color:#1f2937}.public-flow-step-pill.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.public-flow-step-pill.done{background:#dcfce7;border-color:#86efac;color:#166534}.public-flow-card{background:#fff;border:1px solid #dbe3ef;border-radius:1.5rem;padding:1.5rem;box-shadow:0 18px 45px -30px #0f172a59;display:flex;flex-direction:column;gap:1.15rem}.public-flow-card-header{text-align:center}.public-flow-card-header h3{margin:0;font-size:clamp(1.2rem,3vw,1.55rem);color:#0f172a;line-height:1.35;letter-spacing:-.02em}.public-flow-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.public-flow-grid.single-question{grid-template-columns:1fr}.public-flow-field{display:flex;flex-direction:column;gap:.45rem}.public-flow-field.full{grid-column:1 / -1}.public-flow-field label{font-size:.9rem;font-weight:700;color:#1e293b}.public-flow-field input,.public-flow-field textarea,.public-flow-field select{width:100%;border:1px solid #cbd5e1;border-radius:.95rem;background:#fcfdff;padding:1rem;font-size:1rem;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}.public-flow-field input:focus,.public-flow-field textarea:focus,.public-flow-field select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.public-flow-field textarea{min-height:120px;resize:vertical}.public-flow-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.public-flow-choice-btn{display:flex;align-items:center;justify-content:flex-start;gap:.7rem;padding:1rem;border:1px solid #d6dee8;border-radius:1rem;background:#fbfcfe;cursor:pointer;font-weight:700;color:#334155;transition:all .2s ease;text-align:left}.public-flow-choice-btn:hover{border-color:#a5b4fc;background:#f8faff}.public-flow-choice-btn.selected{border-color:#93c5fd;background:linear-gradient(180deg,#f8fbff,#eef5ff);color:#1d4ed8;box-shadow:0 10px 22px -18px #2563eb73}.public-flow-choice-dot{width:.95rem;height:.95rem;border-radius:999px;border:1.5px solid #cbd5e1;background:#fff;box-shadow:inset 0 0 0 3px #fff;flex-shrink:0;transition:all .2s ease}.public-flow-choice-btn.selected .public-flow-choice-dot{border-color:#2563eb;background:#2563eb}.public-flow-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:1rem;padding:.9rem 1rem;font-size:.9rem;font-weight:600}.public-flow-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:1rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.6}.public-flow-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.public-flow-actions-left,.public-flow-actions-right{display:flex;gap:.75rem;flex-wrap:wrap}.public-flow-btn{border:none;border-radius:999px;padding:.85rem 1.2rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.public-flow-btn:hover{transform:translateY(-1px)}.public-flow-btn.primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 12px 24px -16px #2563ebcc}.public-flow-btn.secondary{background:#eef2ff;color:#3730a3}.public-flow-btn.ghost{background:#f8fafc;color:#334155;border:1px solid #dbe3ef}.public-form-page{min-height:100vh;background:#f8fafc;padding:1.5rem 1rem 2rem}.public-form-layout{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.public-form-top-note{background:#fff;border:1px solid #dbe3ef;border-radius:1rem;padding:.8rem 1rem;color:#64748b;font-size:.84rem;line-height:1.55}.public-form-surface{background:#fff;border:1px solid #e2e8f0;border-radius:1.75rem;padding:1.15rem;box-shadow:0 20px 45px -38px #0f172a59}.public-form-loading{min-height:60vh;display:grid;place-items:center;color:#334155;font-weight:600}.spin{animation:publicFormSpin .8s linear infinite}@keyframes publicFormSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.public-flow-grid{grid-template-columns:1fr}.public-flow-field.full{grid-column:auto}}@media(max-width:640px){.public-flow-card,.public-form-surface{padding:1.1rem;border-radius:1.25rem}.public-flow-context{width:100%;justify-content:center;border-radius:1rem}.public-flow-actions{flex-direction:column-reverse;align-items:stretch}.public-flow-actions-left,.public-flow-actions-right{width:100%}.public-flow-btn{width:100%;justify-content:center}.public-flow-choice-grid{grid-template-columns:1fr}}@font-face{font-family:Nexa;src:url(/assets/Nexa-Heavy-C4LswGRq.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--color-primary: #772ae1;--color-primary-light: #f3eeff;--color-primary-dark: #5b1eb8;--color-primary-hover: #6520cc;--color-bg-body: #f8fafc;--color-bg-surface: #ffffff;--color-text-main: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--sidebar-width: 260px;--topbar-height: 64px;--sidebar-bg: linear-gradient(180deg, #4C1D95 0%, #5B21B6 40%, #6D28D9 100%);--sidebar-text: rgba(255, 255, 255, .75);--sidebar-text-active: #ffffff;--sidebar-hover-bg: rgba(255, 255, 255, .08);--sidebar-active-bg: rgba(255, 255, 255, .15);--sidebar-border: rgba(255, 255, 255, .1);--sidebar-group-title: rgba(255, 255, 255, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-bg-body);color:var(--color-text-main);-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;width:100%}html,#root{overflow-x:hidden;width:100%}a{text-decoration:none;color:inherit}button{font-family:inherit}.flex{display:flex;min-width:0}.flex-col{flex-direction:column;min-width:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-secondary{color:var(--color-text-secondary)}.bg-white{background-color:var(--color-bg-surface)}.rounded-md{border-radius:.375rem}.border{border:1px solid var(--color-border)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #772ae14d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-body);border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:active{transform:translateY(0)}.close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.close-btn:hover{background-color:var(--color-bg-body);color:var(--color-text-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}