.config-page{padding:2rem;max-width:1600px;margin:0 auto;min-height:100vh}.config-header{margin-bottom:2rem}.config-header h1{font-size:2rem;font-weight:600;color:var(--color-text,#fbf8da);margin:0 0 .5rem}.config-subtitle{font-size:.95rem;color:var(--color-text-secondary,hsla(55,80%,92%,.7));margin:0}.config-tabs{--indicator-width:0px;--indicator-left:0px;display:flex;border-bottom:1px solid hsla(55,80%,92%,.1);position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1.5rem}.config-tabs::-webkit-scrollbar{display:none}.config-tabs:after{content:"";position:absolute;bottom:-1px;left:var(--indicator-left);width:var(--indicator-width);height:2px;background:linear-gradient(90deg,#eab308,rgba(234,179,8,.25));box-shadow:0 0 8px rgba(234,179,8,.4);transition:all .3s cubic-bezier(.25,1,.5,1);opacity:0}.config-tabs.has-active-tab:after{opacity:1}.config-tab{padding:8px 20px;font-size:16px;font-weight:600;color:var(--color-text,#fbf8da);background:transparent;border:none;cursor:pointer;opacity:.7;position:relative;transition:opacity .3s ease,transform .2s ease;overflow:hidden;white-space:nowrap;z-index:1}.config-tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(234,179,8,.2),rgba(234,179,8,.05));opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:4px 4px 0 0}.config-tab:hover{opacity:.9}.config-tab.active,.config-tab:hover:before{opacity:1}.config-content{flex:1 1;padding:0 0 24px}@media (max-width:768px){.config-page{padding:1rem}.config-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.config-tab{flex-shrink:0;padding:.75rem 1rem}.config-content{padding:1rem}}.spreadsheet-config-header{margin-bottom:2rem}.spreadsheet-config-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text,#fbf8da);margin:0 0 .5rem}.section-description{font-size:.9rem;color:var(--color-text-secondary,hsla(55,80%,92%,.7));margin:0 0 1.5rem}.view-switcher{display:flex;gap:.5rem;padding:.5rem;background:hsla(55,80%,92%,.05);border:1px solid hsla(55,80%,92%,.1);border-radius:8px;width:-moz-fit-content;width:fit-content}.view-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text-secondary,hsla(55,80%,92%,.7));transition:all .2s}.view-btn:hover{background:hsla(55,80%,92%,.1);color:var(--color-text,#fbf8da)}.view-btn.active{background:rgba(213,171,22,.2);color:var(--color-accent,#d5ab16);box-shadow:0 0 0 1px rgba(213,171,22,.3)}.spreadsheet-config-content{margin-top:1.5rem}