*{box-sizing:border-box;margin:0;padding:0}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--touch-target:48px;--border-radius:12px;--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{-webkit-tap-highlight-color:transparent;background:#f5f5f5;width:100%;max-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}html{width:100%;max-width:100vw;overflow-x:hidden}.login-page{background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-700)100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-form-centered{gap:var(--spacing-md);flex-direction:column;width:400px;max-width:90%;display:flex}.input-field{padding:var(--spacing-md);border-radius:var(--border-radius);min-height:var(--touch-target);background:#fff;border:none;font-size:1.1rem;transition:all .3s;box-shadow:0 4px 15px #0000001a}.input-field:focus{outline:none;transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.input-field::placeholder{color:#999}.btn{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;color:var(--primary-600);min-height:var(--touch-target);background:#fff;border:none;font-size:1.2rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn:active{transform:translateY(0)}.error{color:#e74c3c;padding:var(--spacing-sm);border-radius:var(--border-radius);text-align:center;background:#fff;font-size:1rem;box-shadow:0 4px 15px #0000001a}.app-container{background:#f5f5f5;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}.header{z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}@media (max-width:768px){.header{position:fixed;inset:auto 0 0;box-shadow:0 -2px 10px #0000001a}}.header-content{max-width:1400px;padding:var(--spacing-md)var(--spacing-lg);justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.nav-tabs{gap:var(--spacing-sm);display:flex}.nav-tab{color:#666;cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);text-transform:capitalize;min-height:var(--touch-target);align-items:center;gap:var(--spacing-xs);background:0 0;border:none;min-width:100px;font-size:1.1rem;font-weight:500;transition:all .3s;display:flex}.nav-tab i{display:none}.nav-tab:hover{color:#333;background:#f0f0f0}.nav-tab.active{background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-700)100%);color:#fff}.btn-logout{right:var(--spacing-lg);padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--danger);color:var(--danger);border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);align-items:center;gap:var(--spacing-xs);background:#fff;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:absolute}.btn-logout i{font-size:1.1rem}.btn-logout:hover{background:var(--danger);color:#fff}.main-content{max-width:1400px;padding:var(--spacing-lg);width:100%;margin:0 auto;overflow-x:hidden}.main-content.appointments{max-width:100%;padding:0}.committees-container{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex;overflow-x:hidden}.committee-card{border-radius:var(--border-radius);background:#fff;max-width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.committee-header{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-700)100%);color:#fff;cursor:pointer;border:none;justify-content:space-between;align-items:center;min-height:60px;transition:all .3s;display:flex}.committee-header:hover{opacity:.9}.committee-header h2{font-size:1.5rem;font-weight:600}.arrow{font-size:1.5rem;transition:transform .3s}.arrow.open{transform:rotate(180deg)}.companies-grid{gap:var(--spacing-md);padding:var(--spacing-lg);grid-template-columns:repeat(3,1fr);max-width:100%;display:grid}.company-card{border-radius:var(--border-radius);padding:var(--spacing-md);background:#f9f9f9;border:1px solid #e0e0e0;transition:all .3s}.company-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.company-card h3{color:#333;margin-bottom:var(--spacing-sm);font-size:1.1rem;line-height:1.4}.company-card-compact{border-radius:var(--border-radius);padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-sm);background:#fff;border:2px solid #e0e0e0;flex-direction:column;min-width:0;min-height:160px;transition:all .3s;display:flex;position:relative;overflow:visible}.company-card-compact:hover{border-color:var(--primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs);display:flex}.card-header h3{color:#333;text-overflow:ellipsis;word-wrap:break-word;flex:1;margin:0;font-size:1rem;line-height:1.4;overflow:hidden}.reminder-badge{color:#fff;background:#ffc107;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.card-status{gap:var(--spacing-sm);z-index:10;justify-content:center;align-items:center;margin-top:auto;display:flex;position:relative}.status-select-custom.compact .select-trigger{min-width:100px;padding:4px 8px;font-size:.75rem}.status-select-custom.compact .select-arrow{font-size:.6rem}.status-badge{color:#fff;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.card-actions{gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid #e0e0e0;display:flex}.action-icon{padding:var(--spacing-xs);border-radius:var(--border-radius);cursor:pointer;color:#666;background:#f0f0f0;border:none;flex:1;justify-content:center;align-items:center;min-height:40px;transition:all .3s;display:flex}.action-icon:hover{background:var(--primary-500);color:#fff;transform:scale(1.05)}.action-icon svg{width:20px;height:20px}.modal-overlay{z-index:1000;padding:var(--spacing-lg);overscroll-behavior:contain;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border-radius:var(--border-radius);overscroll-behavior:contain;background:#fff;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;margin:auto;display:flex;position:relative;box-shadow:0 10px 40px #0000004d}.modal-close{top:var(--spacing-md);right:var(--spacing-md);width:var(--touch-target);height:var(--touch-target);cursor:pointer;z-index:1;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex;position:absolute}.modal-close:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.modal-title{color:#333;padding:var(--spacing-lg);padding-right:calc(var(--spacing-lg) + var(--touch-target));border-bottom:2px solid #e0e0e0;flex-shrink:0;margin:0;font-size:1.5rem}.modal-title-section{padding:var(--spacing-lg);padding-right:calc(var(--spacing-lg) + var(--touch-target));border-bottom:2px solid #e0e0e0;flex-shrink:0}.modal-title-row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.modal-title-section .modal-title{border:none;margin:0;padding:0}.modal-title-badges{gap:var(--spacing-sm);align-items:center;display:flex}.committee-badge{background:var(--primary-100);color:var(--primary-700);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.modal-body-grid{gap:var(--spacing-lg);padding:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid;overflow-y:auto}.modal-left,.modal-right{gap:var(--spacing-lg);flex-direction:column;display:flex}.modal-body{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.modal-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.modal-section h3{color:#333;margin:0;font-size:1.2rem}.company-info-section{padding:var(--spacing-md);border-radius:var(--border-radius);background:#6366f10d}.section-header{justify-content:space-between;align-items:center;display:flex}.info-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.info-item{flex-direction:column;gap:.2rem;display:flex}.info-item.full-width{grid-column:1/-1}.info-item strong{color:#666;font-size:.85rem}.info-item span,.info-item a{color:#333;font-size:1rem}.no-data{color:#999;padding:var(--spacing-sm);text-align:center;font-style:italic}.company-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.company-info p{color:#666;font-size:.9rem;line-height:1.5}.company-info strong{color:#333}.status{border-radius:4px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.status.faal{color:#155724;background:#d4edda}.status.askı{color:#856404;background:#fff3cd}.tab-content{border-radius:var(--border-radius);padding:var(--spacing-xl);background:#fff;box-shadow:0 2px 8px #0000001a}.tab-content h1{color:#333;font-size:2rem}.settings-container h1{color:#333;margin-bottom:var(--spacing-lg);font-size:2rem}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section h2{color:#333;margin-bottom:var(--spacing-xs);font-size:1.5rem}.settings-section p{color:#666;margin-bottom:var(--spacing-md)}.settings-form{gap:var(--spacing-sm);flex-direction:column;max-width:500px;display:flex}.settings-input{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);min-height:var(--touch-target);background:#fff;border:2px solid #e0e0e0;font-size:1rem;transition:all .3s}.settings-input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #6366f11a}.settings-btn{padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-700)100%);color:#fff;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);border:none;font-weight:600;transition:all .3s}.settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.users-list{gap:var(--spacing-sm);flex-direction:column;max-width:600px;display:flex}.user-item{padding:var(--spacing-md);border-radius:var(--border-radius);background:#fff;border:2px solid #e0e0e0;justify-content:space-between;align-items:center;display:flex}.user-info{flex-direction:column;gap:.2rem;display:flex}.user-info strong{color:#333;font-size:1rem}.user-info span{color:#666;font-size:.9rem}.delete-user-btn{width:var(--touch-target);height:var(--touch-target);background:var(--danger);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.delete-user-btn:hover{background:#dc2626;transform:scale(1.1)}.file-upload-btn{padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-700)100%);color:#fff;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:inline-flex}.file-upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.result-message{margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);font-weight:500}.result-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.result-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.search-bar{margin-bottom:var(--spacing-lg)}.status-selector{margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.status-select{padding:var(--spacing-sm);border-radius:var(--border-radius);color:#fff;cursor:pointer;min-height:var(--touch-target);border:none;font-size:1rem;font-weight:600;transition:all .3s}.status-select:hover{opacity:.9}.notes-section{margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.notes-textarea{width:100%;padding:var(--spacing-sm);border-radius:var(--border-radius);resize:vertical;border:2px solid #e0e0e0;font-family:inherit;font-size:.9rem;transition:all .3s}.notes-textarea:focus{border-color:#4facfe;outline:none}.clickable-link{color:var(--primary-600);cursor:pointer;padding:var(--spacing-xs);margin:calc(var(--spacing-xs)*-1);text-decoration:none;transition:all .3s;display:inline-block}.clickable-link:hover{color:var(--primary-700);text-decoration:underline}.filter-bar{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.filter-bar-search{flex:0 200px;min-width:150px}.filter-bar-mobile-row{display:none}.filter-bar-desktop{display:contents}.filter-toggle-btn{width:var(--touch-target);height:var(--touch-target);background:var(--primary-500);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.filter-toggle-btn:hover{background:var(--primary-700)}.filter-modal-content{border-radius:var(--border-radius)var(--border-radius)0 0;background:#fff;flex-direction:column;width:100%;max-width:100%;max-height:80vh;display:flex;position:relative;box-shadow:0 -10px 40px #0000004d}.filter-modal-body{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.filter-modal-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.filter-modal-section label{color:#666;font-size:.9rem;font-weight:600}.filter-modal-apply{width:100%;padding:var(--spacing-md);background:var(--primary-500);color:#fff;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);margin-top:var(--spacing-sm);border:none;font-size:1.1rem;font-weight:600;transition:all .3s}.filter-modal-apply:hover{background:var(--primary-700)}.filter-bar .search-input{flex:0 200px;min-width:150px}.search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);min-height:var(--touch-target);background:#fff;border:2px solid #e0e0e0;font-size:1rem;transition:all .3s}.search-input:focus{border-color:#4facfe;outline:none;box-shadow:0 0 0 3px #4facfe1a}.custom-select{min-width:150px;position:relative}.status-select-custom{width:100%}.select-trigger{width:100%;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);color:#333;background:#fff;border:2px solid #e0e0e0;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.select-trigger:hover{border-color:var(--primary-500);background:var(--primary-50)}.status-select-custom .select-trigger{border:none}.status-select-custom .select-trigger:hover{opacity:.9;background:inherit}.select-arrow{color:#666;font-size:.8rem;transition:transform .3s}.select-arrow.open{transform:rotate(180deg)}.select-dropdown{top:calc(100% + var(--spacing-xs));border:2px solid var(--primary-500);border-radius:var(--border-radius);z-index:1000;background:#fff;max-height:300px;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.status-select-custom .select-dropdown{top:auto;bottom:calc(100% + var(--spacing-xs));box-shadow:0 -4px 12px #00000026}.select-option{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;color:#333;min-height:var(--touch-target);align-items:center;font-size:1rem;transition:all .2s;display:flex}.select-option:hover{background:var(--primary-50)}.select-option.selected{background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-700)100%);color:#fff;font-weight:600}.filter-select{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);background:#fff;border:2px solid #e0e0e0;font-size:1rem;transition:all .3s}.filter-select:focus{border-color:#4facfe;outline:none}.filter-checkbox{align-items:center;gap:var(--spacing-xs);cursor:pointer;color:#666;padding:var(--spacing-xs);min-height:var(--touch-target);font-size:1rem;display:flex}.filter-checkbox input{cursor:pointer;width:24px;height:24px}.clear-filters-icon{width:var(--touch-target);height:var(--touch-target);background:var(--danger);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.5rem;font-weight:600;transition:all .3s;display:flex}.clear-filters-icon:hover{background:#dc2626;transform:scale(1.1)}.clear-filters-btn{padding:var(--spacing-sm)var(--spacing-md);color:#fff;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);background:#e74c3c;border:none;font-weight:600;transition:all .3s}.clear-filters-btn:hover{background:#c0392b}.reminders-section{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid #e0e0e0}.reminders-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.add-reminder-btn{width:var(--touch-target);height:var(--touch-target);background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex}.add-reminder-btn:hover{background:var(--primary-700);transform:scale(1.1)}.reminder-form{gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius);background:#f9f9f9;flex-direction:column;display:flex}.reminder-input{padding:var(--spacing-sm);border-radius:var(--border-radius);min-height:var(--touch-target);border:2px solid #e0e0e0;font-size:.9rem}.reminder-textarea{padding:var(--spacing-sm);border-radius:var(--border-radius);resize:vertical;border:2px solid #e0e0e0;font-family:inherit;font-size:.9rem}.save-reminder-btn{padding:var(--spacing-sm);background:var(--success);color:#fff;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);border:none;font-weight:600;transition:all .3s}.save-reminder-btn:hover{background:#059669}.reminders-list{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.reminder-item{padding:var(--spacing-sm);border-radius:var(--border-radius);background:#fff3cd;border-left:3px solid #ffc107;justify-content:space-between;align-items:flex-start;display:flex}.reminder-content{flex:1}.reminder-content strong{color:#333;margin-bottom:.2rem;display:block}.reminder-date{color:#666;font-size:.85rem}.reminder-content p{color:#666;margin-top:.3rem;font-size:.9rem}.reminder-actions{gap:var(--spacing-xs);display:flex}.complete-btn,.delete-btn{width:var(--touch-target);height:var(--touch-target);border-radius:var(--border-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.complete-btn{background:var(--success);color:#fff}.complete-btn:hover{background:#059669;transform:scale(1.1)}.delete-btn{background:var(--danger);color:#fff}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.appointments-container{padding:var(--spacing-lg)}.appointments-layout{gap:var(--spacing-lg);height:calc(100vh - 120px);padding:var(--spacing-md)var(--spacing-lg)var(--spacing-lg)var(--spacing-lg);grid-template-columns:2fr 1fr;align-items:stretch;display:grid;overflow:hidden}.calendar-section{border-radius:var(--border-radius);padding:var(--spacing-md);background:#fff;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.reminders-section{border-radius:var(--border-radius);padding:var(--spacing-md);background:#fff;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.appointments-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.appointments-header h1{color:#333;font-size:2rem}.view-toggle{gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--border-radius);background:#f0f0f0;display:flex}.toggle-btn{padding:var(--spacing-sm)var(--spacing-md);color:#666;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);background:0 0;border:none;min-width:100px;font-weight:600;transition:all .3s}.toggle-btn:hover{color:#333}.toggle-btn.active{color:var(--primary-600);background:#fff;box-shadow:0 2px 4px #0000001a}.calendar-view{border-radius:var(--border-radius);padding:var(--spacing-lg);background:#fff;box-shadow:0 2px 8px #0000001a}.calendar-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.calendar-header h2{color:#333;text-transform:capitalize;font-size:1.1rem}.month-nav-btn{color:#666;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;font-size:1.3rem;transition:all .3s}.month-nav-btn:hover{background:var(--primary-500);color:#fff;transform:scale(1.1)}.calendar-grid{flex:1;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{text-align:center;color:#666;padding:4px 0;font-size:.8rem;font-weight:600}.calendar-day{aspect-ratio:1;cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:flex;position:relative}.calendar-day.empty{cursor:default;border:none}.calendar-day:not(.empty):hover{border-color:var(--primary-500);background:var(--primary-50);transform:scale(1.05)}.calendar-day.today{border-color:var(--primary-500);background:var(--primary-100)}.calendar-day.selected{background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-700)100%);border-color:#0000;transform:scale(1.05)}.calendar-day.selected .day-number{color:#fff}.calendar-day.has-reminders{background:#fff3cd;border-color:#ffc107}.calendar-day.selected.has-reminders{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.day-number{color:#333;font-size:.9rem;font-weight:600}.reminder-count{color:#fff;background:#ffc107;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.calendar-day.selected .reminder-count{color:var(--primary-600);background:#fff}.day-reminders-panel h3{color:#333;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid #e0e0e0;font-size:1rem}.day-reminders-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.day-reminder-card{border-left:4px solid var(--primary-500);padding:var(--spacing-sm);gap:var(--spacing-xs);background:#f9f9f9;border-radius:8px;flex-direction:column;display:flex}.reminder-time{color:var(--primary-600);font-size:1.1rem;font-weight:700}.reminder-details h4{color:#333;margin:0 0 4px;font-size:.9rem}.reminder-company{color:#666;margin:0;font-size:.8rem;font-weight:600}.reminder-description,.reminder-contact{color:#666;margin:4px 0;font-size:.75rem}.reminder-actions-row{gap:4px;margin-top:4px;display:flex}.contact-btn{background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px 8px;transition:all .3s;display:flex}.contact-btn:hover{background:var(--primary-700);transform:scale(1.05)}.contact-btn svg{width:16px;height:16px}.selected-date-panel{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid #e0e0e0}.selected-date-panel h3{color:#333;margin-bottom:var(--spacing-md);text-transform:capitalize;font-size:1.3rem}.no-reminders{text-align:center;color:#999;padding:var(--spacing-lg);font-size:1.1rem}.list-view .appointments-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.list-view .appointment-card,.date-reminders .appointment-card{border-radius:var(--border-radius);padding:var(--spacing-md);gap:var(--spacing-md);background:#fff;grid-template-columns:100px 1fr auto;align-items:center;display:grid;box-shadow:0 2px 8px #0000001a}.appointment-card h4{color:#333;margin:0 0 var(--spacing-xs)0;font-size:1.2rem}.appointment-time{text-align:center}.time-display{color:var(--primary-600);font-size:1.8rem;font-weight:700}.date-display{color:#666;margin-top:var(--spacing-xs);font-size:.9rem}.appointment-company{color:#666;margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.appointment-description{color:#666;margin-top:var(--spacing-xs);font-size:.95rem}.appointment-details{gap:var(--spacing-sm);color:#999;margin-top:var(--spacing-xs);flex-wrap:wrap;font-size:.9rem;display:flex}.appointment-phone{color:var(--primary-600);padding:var(--spacing-xs);font-weight:600;text-decoration:none}.appointment-phone:hover{text-decoration:underline}.appointment-actions{gap:var(--spacing-xs);align-items:flex-start;display:flex}.stats-container{padding:var(--spacing-lg)}.stats-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.stats-container h1{color:#333;margin:0;font-size:2rem}.export-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--success);color:#fff;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);align-items:center;gap:var(--spacing-xs);white-space:nowrap;border:none;font-weight:600;transition:all .3s;display:flex}.export-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;max-width:100%;display:grid}.stat-card{border-radius:var(--border-radius);padding:var(--spacing-lg);background:#fff;box-shadow:0 2px 8px #0000001a}.stat-card.overall{flex-direction:column;display:flex}.stat-card-content{gap:var(--spacing-lg);align-items:center;display:flex}.stat-visual{align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:2;display:flex}.stat-breakdown{flex-direction:column;flex:1;justify-content:center;display:flex}.stat-card h2{color:#333;margin-bottom:var(--spacing-md);text-align:center;font-size:1.5rem}.stat-details{margin-top:var(--spacing-sm);color:#666;font-size:1rem}.status-breakdown{gap:var(--spacing-sm);flex-direction:column;display:flex}.status-item{align-items:center;gap:var(--spacing-sm);color:#666;padding:var(--spacing-xs);font-size:.9rem;display:flex}.committee-chart-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.committee-pie-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px}.committee-stats{margin-top:var(--spacing-xl)}.committee-stats h2{color:#333;margin-bottom:var(--spacing-md);font-size:1.5rem}.committee-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.committee-stat-card{border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center;background:#fff;flex-direction:column;align-items:center;display:flex;box-shadow:0 2px 8px #0000001a}.committee-stat-card h3{color:#333;margin-bottom:var(--spacing-sm);font-size:1rem}.committee-details{margin-top:var(--spacing-sm)}.committee-details p{color:#666;margin-bottom:var(--spacing-xs);font-size:1rem}.mini-breakdown{gap:var(--spacing-xs);color:#999;justify-content:center;font-size:.85rem;display:flex}.circular-progress{display:inline-block;position:relative}.progress-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-percentage{color:var(--primary-600);font-size:2rem;font-weight:700}@media (max-width:1200px){.companies-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.committee-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.modal-body-grid{grid-template-columns:1fr}.appointments-layout{grid-template-columns:1fr;height:auto}}@media (max-width:768px){:root{--spacing-xs:.4rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem}body{overflow-x:hidden}.login-form-centered{width:90%;max-width:400px;padding:0 var(--spacing-md)}.companies-grid{padding:var(--spacing-md);grid-template-columns:1fr}.committee-detail-view .companies-grid{padding:0;grid-template-columns:1fr!important}.header-content{flex-direction:row;justify-content:space-around;align-items:center;gap:0;padding:0}.user-name{display:none}.nav-tabs{flex:1;justify-content:space-around;gap:0;display:flex;overflow-x:visible}.nav-tab{min-width:auto;padding:var(--spacing-sm);white-space:nowrap;border-radius:0;flex:1;justify-content:center;align-items:center;min-height:60px;font-size:1.5rem;display:flex}.nav-tab i{font-size:1.5rem;display:block}.nav-tab .nav-label{display:none}.nav-tab.active{color:var(--primary-600);border-top:3px solid var(--primary-600);background:0 0}.nav-tab:hover{background:0 0}.btn-logout{display:none}.btn-logout-settings{width:100%;padding:var(--spacing-md);background:var(--danger);color:#fff;border-radius:var(--border-radius);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:var(--touch-target);border:none;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.btn-logout-settings:hover{background:#dc2626;transform:translateY(-2px)}.main-content{padding:var(--spacing-md);padding-bottom:calc(60px + var(--spacing-md));max-width:100%;overflow-x:hidden}.filter-bar{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}.filter-bar-search{display:none}.filter-bar-mobile-row{gap:var(--spacing-sm);width:100%;display:flex}.filter-bar-mobile-row .search-input{flex:1}.filter-bar-desktop{display:none}.committee-header{padding:var(--spacing-sm)var(--spacing-md);min-height:50px}.committee-header h2{font-size:1.1rem}.company-card-compact{min-height:140px;padding:var(--spacing-sm)}.card-header h3{font-size:.9rem}.modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:0;overflow-y:auto}.modal-content{border-radius:0;width:100%;max-width:100%;min-height:100vh;max-height:none;margin:0;overflow-y:visible}body.modal-open{width:100%;position:fixed;overflow:hidden}.modal-title{padding:var(--spacing-sm)var(--spacing-md);padding-right:calc(var(--spacing-md) + var(--touch-target));font-size:1rem}.modal-title-section{padding:var(--spacing-sm)var(--spacing-md);padding-right:calc(var(--spacing-md) + var(--touch-target))}.modal-title-section .modal-title{padding:0;font-size:.95rem}.modal-title-row{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.modal-title-badges{flex-wrap:wrap}.modal-close{top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;font-size:1.2rem}.modal-body-grid{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm);grid-template-columns:1fr}.modal-body{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm)}.modal-section{gap:var(--spacing-xs)}.modal-section h3{font-size:1rem}.company-info-section{padding:var(--spacing-sm)}.info-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.info-item{gap:.1rem}.info-item strong{font-size:.75rem}.info-item span,.info-item a{font-size:.85rem}.status-badge,.committee-badge{padding:.3rem .6rem;font-size:.75rem}.notes-textarea{padding:var(--spacing-xs);font-size:.85rem}.reminders-section{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.reminders-header h3{font-size:1rem}.add-reminder-btn{width:36px;height:36px;font-size:1.2rem}.reminder-form{gap:var(--spacing-xs);padding:var(--spacing-xs)}.reminder-input,.reminder-textarea{padding:var(--spacing-xs);font-size:.85rem}.reminder-item{padding:var(--spacing-xs)}.reminder-content strong{font-size:.9rem}.reminder-content p{font-size:.8rem}.reminder-date{font-size:.75rem}.complete-btn,.delete-btn{width:36px;height:36px;font-size:1rem}.tab-content{padding:var(--spacing-md)}.tab-content h1,.settings-container h1{font-size:1.5rem}.settings-section h2{font-size:1.2rem}.stats-container{padding:var(--spacing-md)}.stats-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.stats-container h1{font-size:1.5rem}.export-btn{justify-content:center;width:100%}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card-content{gap:var(--spacing-md);flex-direction:column}.stat-visual,.stat-breakdown{flex:1;width:100%}.committee-grid{gap:var(--spacing-md);grid-template-columns:1fr}.skeleton-stats{padding:var(--spacing-md)}.skeleton-stats-grid{gap:var(--spacing-md);grid-template-columns:1fr!important}.skeleton-stat-card{padding:var(--spacing-md)}.skeleton-circle{width:100px;height:100px}.appointments-layout{height:auto;padding:var(--spacing-sm);gap:var(--spacing-md);grid-template-columns:1fr}.calendar-section{padding:var(--spacing-xs);overflow:hidden}.reminders-section{padding:var(--spacing-sm);max-height:400px}.calendar-header{margin-bottom:var(--spacing-xs)}.calendar-header h2{font-size:.95rem}.month-nav-btn{width:32px;height:32px;font-size:1.1rem}.calendar-grid{gap:2px;width:100%}.calendar-weekday{padding:2px 0;font-size:.7rem}.calendar-day{min-height:45px;padding:2px;font-size:.75rem}.day-number{font-size:.8rem}.reminder-count{width:14px;height:14px;font-size:.6rem;top:1px;right:1px}.day-reminders-panel h3{font-size:.9rem}.day-reminder-card{padding:var(--spacing-xs)}.reminder-time{font-size:.95rem}.reminder-details h4{font-size:.85rem}.reminder-company{font-size:.75rem}.reminder-description,.reminder-contact{font-size:.7rem}.contact-btn{min-width:36px;min-height:36px;padding:4px 6px}.contact-btn svg{width:16px;height:16px}.appointment-card{gap:var(--spacing-sm);padding:var(--spacing-sm);grid-template-columns:1fr}.time-display{font-size:1.4rem}.audit-log-container{padding:var(--spacing-md)}.audit-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.audit-controls{flex-direction:row;width:auto}.audit-controls .export-btn{flex:1;width:auto}.audit-filters{flex-direction:column}.audit-filters .date-picker{width:100%;min-width:100%}.audit-header h1{font-size:1.5rem}.audit-log-item{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.log-time{min-width:auto}.export-filters-grid{grid-template-columns:1fr}.export-actions{flex-direction:column}.btn-cancel,.settings-btn{width:100%}.committee-detail-view{padding:var(--spacing-md)}.committee-detail-view .companies-grid{grid-template-columns:1fr}.committee-detail-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.committee-detail-header h1{font-size:1.5rem}.back-btn{width:100%}.users-list{max-width:100%}.user-item{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.delete-user-btn{width:100%}.settings-form{max-width:100%}}.committee-detail-view{padding:var(--spacing-lg)}.committee-detail-view .stats-grid{margin-bottom:var(--spacing-xl)}.committee-detail-view .companies-grid{margin-top:var(--spacing-xl);gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.committee-detail-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.back-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--primary-500);color:#fff;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);border:none;font-weight:600;transition:all .3s}.back-btn:hover{background:var(--primary-700);transform:translate(-2px)}.committee-detail-header h1{color:#333;margin:0;font-size:2rem}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:var(--border-radius);padding:var(--spacing-md);gap:var(--spacing-sm);background:#fff;border:2px solid #e0e0e0;flex-direction:column;min-height:160px;display:flex}.skeleton-title{width:80%;height:20px}.skeleton-text{width:100%;height:16px}.skeleton-text.short{width:60%}.skeleton-actions{gap:var(--spacing-xs);margin-top:auto;display:flex}.skeleton-button{flex:1;height:40px}.skeleton-committee{border-radius:var(--border-radius);margin-bottom:var(--spacing-md);background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-header{width:100%;height:60px}.skeleton-stats{padding:var(--spacing-lg)}.skeleton-stats-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.skeleton-stat-card{border-radius:var(--border-radius);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);background:#fff;flex-direction:column;display:flex;box-shadow:0 2px 8px #0000001a}.skeleton-circle{border-radius:50%;width:120px;height:120px}.company-yetkili{color:#666;margin:0;font-size:.85rem;font-weight:500}.user-name{left:var(--spacing-lg);color:#333;font-size:1rem;font-weight:600;position:absolute}.audit-log-container{padding:var(--spacing-lg)}.audit-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.audit-controls{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.audit-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.audit-filters .date-picker{flex:1;min-width:200px}.audit-header h1{color:#333;margin:0;font-size:2rem}.date-picker{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);background:#fff;border:2px solid #e0e0e0;font-size:1rem}.date-picker:focus{border-color:var(--primary-500);outline:none}.audit-logs-section{margin-top:var(--spacing-xl)}.audit-logs-section h2{color:#333;margin-bottom:var(--spacing-md);font-size:1.5rem}.audit-logs-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.audit-log-item{border-radius:var(--border-radius);padding:var(--spacing-md);gap:var(--spacing-md);background:#fff;align-items:center;display:flex;box-shadow:0 2px 8px #0000001a}.log-time{color:var(--primary-600);min-width:80px;font-size:.9rem;font-weight:700}.log-content{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;align-items:center;display:flex}.log-content strong{color:#333}.log-action{color:#666;font-size:.9rem}.log-company{color:var(--primary-600);font-weight:600}.log-change{background:var(--primary-50);color:var(--primary-700);border-radius:6px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.export-modal{max-width:800px}.export-modal-body{max-height:70vh;overflow-y:auto}.export-section{margin-bottom:var(--spacing-lg)}.export-section h3{color:#333;margin-bottom:var(--spacing-sm);font-size:1.2rem}.export-filters-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.export-filter-item{flex-direction:column;gap:.3rem;display:flex}.export-filter-item label{color:#666;font-size:.9rem;font-weight:600}.export-checkboxes{gap:var(--spacing-sm);flex-direction:column;display:flex}.export-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:2px solid #e0e0e0;justify-content:flex-end;display:flex}.btn-cancel{padding:var(--spacing-sm)var(--spacing-lg);color:#333;border-radius:var(--border-radius);cursor:pointer;min-height:var(--touch-target);background:#e0e0e0;border:none;font-weight:600;transition:all .3s}.btn-cancel:hover{background:#d0d0d0}