:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--backdrop-blur: blur(12px);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-full: 9999px;--font-family: "Inter", system-ui, -apple-system, sans-serif}:root.light-theme{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--text-primary: #000000;--text-secondary: #334155;--accent-cyan: #0284c7;--accent-purple: #7c3aed;--accent-green: #059669;--accent-red: #dc2626;--accent-yellow: #ca8a04;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(0, 0, 0, .1);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .08);--backdrop-blur: blur(20px)}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-primary);overflow-x:hidden;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(6,182,212,.15),transparent 25%);transform:translateZ(0)}body.light-theme:before{background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(6,182,212,.08),transparent 25%)}.no-theme-transitions,.no-theme-transitions *{transition:none!important}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}#root{display:flex;min-height:100vh}.sidebar{width:280px;padding:24px;display:flex;flex-direction:column;gap:32px;border-right:1px solid var(--glass-border);transition:width .4s ease,padding .4s ease;position:relative;overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:80px;padding:24px 16px}.sidebar-logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px;white-space:nowrap;transition:opacity .3s ease}.sidebar.collapsed .logo-text{opacity:0;pointer-events:none}.collapse-toggle{position:absolute;top:28px;right:12px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:color .2s,border-color .2s,background-color .2s}.collapse-toggle:hover{color:var(--text-primary);border-color:var(--accent-cyan)}.sidebar.collapsed .collapse-toggle{right:26px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:background-color .2s ease,color .2s ease,padding .2s ease;cursor:pointer;white-space:nowrap}.sidebar.collapsed .nav-item{padding:12px;justify-content:center}.nav-text{transition:opacity .3s ease}.sidebar.collapsed .nav-text{opacity:0;width:0;pointer-events:none}.nav-item:hover,.nav-item.active{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{border-left:3px solid var(--accent-cyan)}.main-content{flex:1;min-width:0;padding:32px 48px;display:flex;flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;overflow-x:hidden}.page-header{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:32px;font-weight:600;margin:0}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .2s}.btn-primary:hover{opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{padding:24px;display:flex;flex-direction:column;gap:8px}.stat-title{color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:clamp(18px,2vw,26px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.fop-card{padding:24px;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,background-color .4s ease,border-color .4s ease;cursor:pointer;min-height:160px;justify-content:space-between}.fop-card:hover{transform:translateY(-4px);border-color:#ffffff1a}.fop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.fop-name{font-size:16px;font-weight:600;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.fop-inn{color:var(--text-secondary);font-size:13px;margin:0;white-space:nowrap}.status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.status-active{background:#10b9811a;color:var(--accent-green)}.fop-stats{display:flex;justify-content:space-between;align-items:center;gap:8px}.fop-income{font-size:clamp(16px,1.8vw,22px);font-weight:700;white-space:nowrap}.progress-container{height:6px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden;margin-top:8px}.progress-bar{height:100%;border-radius:var(--radius-full)}.segmented-control{display:flex;background:#ffffff0d;padding:4px;border-radius:var(--radius-md);width:fit-content}.segment-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.segment-btn.active{background:var(--glass-bg);color:var(--text-primary);box-shadow:0 2px 8px #0003}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}input,select{background:#ffffff0d;border:1px solid var(--glass-border);padding:12px 16px;border-radius:var(--radius-md);color:#fff;font-family:var(--font-family);font-size:14px;outline:none;transition:border-color .2s ease,background-color .4s ease,color .4s ease}select option{background-color:var(--bg-secondary);color:#fff}input:focus,select:focus{border-color:var(--accent-cyan)}.light-theme input,.light-theme select{color:#000;background:#fff;border-color:#00000026}.light-theme select option{background-color:var(--bg-secondary);color:var(--text-primary)}.drawer-overlay{position:fixed;inset:0;background:#0000008c;z-index:100;display:flex;justify-content:flex-end}.drawer{width:520px;height:100%;background:var(--bg-primary);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out;will-change:transform;transition:background-color .4s ease,border-color .4s ease}.light-theme .drawer{background:#f1f5f9f2!important;border-left:1px solid rgba(0,0,0,.05)}.modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-primary)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.light-theme .modal-overlay{--overlay-bg: rgba(15, 23, 42, .25)}.light-theme .modal-content{background:#f1f5f9bf!important;color:#000!important;box-shadow:0 40px 100px #0000001f!important}.light-theme .modal-content h2{color:#000}.light-theme .modal-content p{color:#1e293b}.drawer-header{flex-shrink:0;padding:28px 32px 20px;border-bottom:1px solid var(--glass-border)}.drawer-body{flex:1;overflow-y:auto;padding:24px 32px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.drawer-footer{flex-shrink:0;padding:20px 32px 28px;border-top:1px solid var(--glass-border)}.form-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:20px 0 12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff08;transition:border-color .2s ease,background-color .4s ease,color .4s ease}.checkbox-label:hover{border-color:#ffffff26}.checkbox-label input[type=checkbox]{width:16px;height:16px;padding:0;border:none;background:none;accent-color:var(--accent-cyan);cursor:pointer;flex-shrink:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}@keyframes slideInBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-bottom{animation:slideInBottom .3s ease-out forwards}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border);padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.monthly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.month-card{background:#0003;padding:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;border:1px solid transparent;transition:border-color .2s}.month-card:hover{border-color:var(--glass-border)}.month-name{color:var(--text-secondary);font-size:14px}.month-amount{font-size:18px;font-weight:700}.table-responsive{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:16px;color:var(--text-secondary);font-weight:500;font-size:14px;border-bottom:1px solid var(--glass-border);background:#0003}.custom-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.02);font-size:14px;vertical-align:middle}.custom-table tr:last-child td{border-bottom:none}.custom-table tr{transition:background-color .2s ease}.custom-table tr:hover td{background:#ffffff0f}.table-row-hover:hover td{background:#ffffff0f!important}.modal-overlay{position:fixed;inset:0;--overlay-bg: rgba(0, 0, 0, .7);background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.action-icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:flex;align-items:center;justify-content:center}.action-icon-btn:hover{background:#ffffff1f;color:var(--accent-cyan);transform:translateY(-2px);border-color:#06b6d44d}.calendar-picker-wrapper{position:relative;width:100%}.calendar-input-trigger{width:100%;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid var(--glass-border);padding:12px 16px;border-radius:var(--radius-md);color:#fff;font-size:14px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.calendar-input-trigger:hover{border-color:#06b6d480}.calendar-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 20px 50px #00000080;padding:20px;width:280px;animation:modalFadeIn .2s ease-out;transition:background-color .4s ease,box-shadow .4s ease}.calendar-dropdown.align-right{left:auto;right:0}.calendar-dropdown.drop-up{top:auto;bottom:calc(100% + 8px)}@media(max-width:500px){.calendar-dropdown{width:280px;left:50%;transform:translate(-50%)}.calendar-dropdown.align-right{left:50%;right:auto;transform:translate(-50%)}}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-title{font-weight:700;color:#94a3b8;font-size:15px;text-transform:lowercase}.calendar-nav-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center}.calendar-nav-btn:hover{color:#fff}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}.weekday{text-align:center;font-size:13px;font-weight:700;color:#94a3b8}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border-radius:8px;color:#94a3b8;transition:background-color .2s,color .2s}.calendar-day:hover:not(.empty){background:#ffffff0d;color:#fff}.calendar-day.selected{background:#3182ce!important;color:#fff!important;font-weight:700}.calendar-day.today{color:var(--accent-cyan);background:#06b6d41a}.calendar-day.other-month{opacity:.3}.calendar-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.calendar-footer-btn{background:none;border:none;color:#3182ce;cursor:pointer;padding:8px;transition:transform .2s}.calendar-footer-btn:hover{transform:scale(1.1)}.light-theme{--text-primary: #000000;--text-secondary: #27272a;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .1);--glass-shadow: 0 12px 40px rgba(0, 0, 0, .08)}.light-theme .nav-item span,.light-theme .logo-text,.light-theme h1,.light-theme h2,.light-theme h3,.light-theme .fop-name,.light-theme .fop-header .fop-inn{color:#000!important}.light-theme .stat-value{color:#000}.light-theme .sidebar-logo{background:none;background-clip:unset;-webkit-text-fill-color:#000000;color:#000}.light-theme .nav-item.active{background:#0000000a;color:#000}.light-theme select option{background:#fff!important;color:#000!important}.light-theme .modal-content{background:#fffffff2!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 40px 100px #00000026!important}.light-theme .form-section-title{color:#52525b;font-weight:700}.light-theme .checkbox-label{background:#fff;border-color:#0000001a;color:#000}.light-theme .checkbox-label:hover{border-color:#000}.light-theme input:focus,.light-theme select:focus{background:#fff;border-color:#000}.light-theme input::placeholder{color:#000;opacity:.5}.light-theme .calendar-input-trigger span,.light-theme .calendar-title{color:#000!important}.light-theme .calendar-day{color:#334155}.light-theme .calendar-day:hover:not(.empty){background:#0000000d;color:#000}.light-theme .drawer-header,.light-theme .drawer-footer{border-color:#0000000d}.light-theme .status-badge{text-shadow:none}.light-theme .stat-card{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.05)!important}.light-theme .chart-panel{background:#fffffff2;border:1px solid rgba(0,0,0,.05)}.light-theme .modal-content h2,.light-theme .modal-content p{color:#000}.dashboard-container{padding:40px;display:flex;flex-direction:column;gap:32px;max-width:1400px;margin:0 auto}.dashboard-title-section h1{font-size:32px;margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-card.main{padding:24px;display:flex;align-items:center;gap:20px}.stat-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.cyan{background:#06b6d41a;color:var(--accent-cyan)}.stat-icon-wrapper.purple{background:#8b5cf61a;color:var(--accent-purple)}.stat-icon-wrapper.yellow{background:#f59e0b1a;color:var(--accent-yellow)}.stat-label{font-size:14px;color:var(--text-secondary);display:block;margin-bottom:8px}.stat-value{margin:0 0 8px;font-size:28px}.stat-subtext{font-size:12px;color:var(--text-secondary)}.stat-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.stat-badge.cyan{background:#06b6d41a;color:var(--accent-cyan)}.dashboard-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.risk-panel,.calendar-panel{padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.risk-count{background:var(--accent-red);color:#fff;font-size:12px;padding:2px 8px;border-radius:99px;font-weight:600}.risk-list{display:flex;flex-direction:column;gap:16px}.risk-item-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.risk-item-name{font-weight:500}.risk-item-percent{font-weight:600}.risk-progress-bg{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.risk-progress-bar{height:100%;border-radius:3px}.deadline-list{display:flex;flex-direction:column;gap:12px}.deadline-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.deadline-title{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.deadline-date{font-size:12px;color:var(--text-secondary)}.deadline-item.urgent{border-left:4px solid var(--accent-red)}.empty-state{text-align:center;padding:40px 0;color:var(--text-secondary)}.light-theme .stat-card.main{background:#fff!important;box-shadow:0 4px 12px #00000008}.light-theme .deadline-item{background:#fff;border-color:#0000000d}.light-theme .risk-progress-bg{background:#0000000d}.light-theme .stat-icon-wrapper.cyan{background:#e0f2fe;color:#0284c7}.light-theme .stat-icon-wrapper.purple{background:#f5f3ff;color:#7c3aed}.auth-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(6,182,212,.12),transparent 60%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.12),transparent 60%),var(--bg-primary);z-index:9000;overflow-y:auto}.auth-card{width:100%;max-width:440px;padding:40px 32px;box-sizing:border-box}.auth-card--wide{max-width:520px}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #06b6d44d}.auth-brand-icon--warn{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-red));box-shadow:0 8px 24px #f59e0b4d}.auth-title{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.auth-subtitle{margin:8px 0 0;font-size:14px;color:var(--text-secondary);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.auth-input{width:100%;height:40px;padding:0 12px;box-sizing:border-box}.auth-submit{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px}.auth-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:16px;border-radius:var(--radius-md);font-size:14px;line-height:1.4}.auth-alert--error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:var(--accent-red)}.auth-alert--success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:var(--accent-green)}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;margin-bottom:4px}.btn-google:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff47}.btn-google:disabled{opacity:.5;cursor:not-allowed}.light-theme .btn-google{border-color:#00000026;background:#00000008}.light-theme .btn-google:hover:not(:disabled){background:#0000000f;border-color:#00000038}.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--text-secondary);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.light-theme .auth-divider:before,.light-theme .auth-divider:after{background:#0000001f}.auth-footnote{margin:20px 0 0;font-size:12px;color:var(--text-secondary);text-align:center;opacity:.7}.auth-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.light-theme .stat-icon-wrapper.yellow{background:#fef3c7;color:#d97706}@media(max-width:1100px){.header-center{display:none}.header-profile-text{display:none!important}.header-right{gap:8px!important}}@media(max-width:960px){.main-content{padding:20px;gap:20px}.page-title{font-size:24px}.dashboard-container{padding:0;gap:24px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-content-grid{grid-template-columns:1fr}.dashboard-title-section h1{font-size:26px}}@media(max-width:700px){.header-add-text{display:none}}@media(max-width:600px){.main-content{padding:16px 14px;gap:20px}.dashboard-container{gap:16px}.stats-grid{grid-template-columns:1fr}.dashboard-title-section h1{font-size:22px;margin-bottom:4px}.stat-value{font-size:20px}.stat-card.main{padding:16px;gap:12px}.stat-icon-wrapper{width:44px;height:44px;flex-shrink:0}.risk-panel,.calendar-panel{padding:16px}.deadline-item{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:640px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%;box-sizing:border-box}.responsive-table tr{padding:6px 0;border-bottom:1px solid var(--glass-border)}.responsive-table tr:last-child{border-bottom:none}.responsive-table td{border:none!important;padding:8px 16px!important;text-align:left!important;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.responsive-table td:before{content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:500;color:var(--text-secondary)}.segmented-control{width:100%;flex-wrap:wrap}.segmented-control .segment-btn{flex:1 1 auto;padding:8px 12px;font-size:13px;white-space:nowrap}}