*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{font-weight:500;color:#667eea;text-decoration:inherit}a:hover{color:#5568d3}button{font-family:inherit}.top-navigation{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{max-width:1400px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.nav-logo{font-size:24px;font-weight:700;color:#333;text-decoration:none;display:flex;align-items:center;gap:10px}.nav-logo:hover{color:#000}.nav-logo-img{height:32px;width:auto;object-fit:contain}.nav-links{display:flex;gap:20px;align-items:center;flex:1;justify-content:center}.nav-link{color:#333;text-decoration:none;font-weight:500;padding:8px 12px;border-radius:6px;transition:background .2s,color .2s}.nav-link:hover{background:#f5f5f5;color:#667eea}.nav-user-section{position:relative}.nav-user-name{cursor:pointer;padding:8px 16px;border-radius:6px;color:#333;font-weight:500;display:flex;align-items:center;gap:8px;transition:background .2s}.nav-user-name:hover{background:#f5f5f5}.dropdown-arrow{font-size:10px;color:#666}.dropdown-overlay{position:fixed;inset:0;z-index:998}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:999;overflow:hidden}.dropdown-item{width:100%;padding:12px 16px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background .2s}.dropdown-item:hover{background:#f5f5f5}.dropdown-item:first-child{border-bottom:1px solid #e0e0e0}.admin-item{display:flex;align-items:center;gap:8px}.admin-icon{font-size:14px;opacity:.7}.app-footer{background:transparent;border-top:1px solid #e0e0e0;padding:20px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright{margin:0;color:#666;font-size:14px}.footer-links{display:flex;gap:20px}.footer-link{color:#667eea;text-decoration:none;font-size:14px;transition:color .3s}.footer-link:hover{color:#5568d3;text-decoration:underline}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}}.charts-list-container{min-height:100vh;background:#f5f5f5}.charts-content{max-width:1200px;margin:0 auto;padding:20px}.charts-section{margin-bottom:40px}.section-title{margin:0 0 20px;color:#333;font-size:24px;font-weight:600}.charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.charts-header h1{margin:0;color:#333}.header-actions{display:flex;gap:10px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px;font-weight:500;transition:all .3s}.btn-primary:hover{background:#5568d3}.btn-secondary:hover{background:#5a6268}.btn-small{padding:6px 12px;font-size:12px}.btn-view{background:#667eea;color:#fff}.btn-view:hover{background:#5568d3}.btn-edit{background:#28a745;color:#fff}.btn-edit:hover{background:#218838}.btn-copy{background:#17a2b8;color:#fff}.btn-copy:hover{background:#138496}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.chart-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.chart-link-wrapper{flex:1}.chart-title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.chart-link-wrapper h3{margin:0;color:#333;cursor:pointer;flex:1}.chart-link-wrapper h3:hover{color:#667eea}.public-icon{font-size:18px;line-height:1;flex-shrink:0}.chart-meta{color:#666;font-size:14px;margin:5px 0}.chart-creator{color:#888;font-style:italic}.chart-blurb{color:#555;margin-top:10px;line-height:1.5}.chart-actions{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666}.empty-state p{font-size:18px}.chart-detail-page{min-height:100vh;background:#f5f5f5}.chart-detail-container{max-width:1400px;margin:0 auto;padding:20px}.chart-actions-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.chart-page{width:8.5in;height:11in;margin:0 auto;background:#fff;padding:.5in;box-sizing:border-box;position:relative;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column}.logo-area{position:absolute;top:.5in;right:.5in;width:150px;height:80px;display:flex;align-items:center;justify-content:flex-end}.logo-image{max-width:100%;max-height:100%;object-fit:contain}.chart-title-area{margin-bottom:20px;padding-right:160px}.chart-title-area h1{margin:0;font-size:28px;color:#333}.svg-grid-container{flex:1;display:flex;align-items:center;justify-content:center;margin:20px 0;min-height:0}.svg-grid{display:grid;grid-template-columns:repeat(50,1fr);grid-template-rows:repeat(20,1fr);gap:1px;width:100%;height:100%;max-height:7in}.svg-cell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.svg-cell.highlighted{background-color:#ff0}.svg-cell svg{position:relative;z-index:2;pointer-events:none}.custom-svg-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.custom-svg-icon svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block}.blurb-area{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:6px;min-height:80px;display:flex;flex-direction:column;justify-content:center}.blurb-line{margin:5px 0;font-size:16px;line-height:1.5;color:#333}.citation-area{margin-top:15px;text-align:left}.citation-name{font-size:14px;color:#333;font-weight:500}.citation-link{color:#667eea;text-decoration:none;font-size:14px;font-weight:500}.citation-link:hover{text-decoration:underline}.factchart-icon{position:absolute;bottom:.5in;right:.5in;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.factchart-icon img{width:100%;height:100%;object-fit:contain}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.top-navigation{display:none!important}footer,.footer{display:none!important}.chart-detail-container{padding:0}.chart-actions-bar{display:none}.chart-page{width:8.5in;height:11in;margin:0;padding:.5in;box-shadow:none;page-break-after:always}.logo-area{position:absolute;top:.5in;right:.5in}.svg-grid{max-height:6.5in}.factchart-icon{position:absolute;bottom:.5in;right:.5in;width:50px;height:50px}}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#dc3545}.qr-code-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-code-modal-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 40px #0000004d;position:relative;max-width:400px;width:90%;text-align:center}.qr-code-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.qr-code-close:hover{color:#333}.qr-code-modal-content h2{margin:0 0 20px;color:#333;font-size:24px}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:20px;background:#fff;border-radius:8px;margin:20px 0}.qr-code-url{margin:20px 0 0;padding:10px;background:#f5f5f5;border-radius:6px;word-break:break-all;font-size:12px;color:#666}.chart-form-page{min-height:100vh;background:#f5f5f5}.chart-form-container{max-width:800px;margin:0 auto;padding:20px}.chart-form-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.chart-form-card h2{margin:0 0 30px;color:#333}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number],.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:80px}.logo-upload-section{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:2px dashed #e0e0e0}.upload-label{display:block;margin-bottom:10px;color:#555;font-weight:500}.logo-select-section{margin-bottom:20px}.logo-select-section label{display:block;margin-bottom:10px;color:#555;font-weight:500}.logo-url-section{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.logo-url-section label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.logo-preview{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:6px;text-align:center}.logo-preview img{max-width:200px;max-height:100px;object-fit:contain}.btn-small{padding:8px 16px;font-size:14px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin:0;flex-shrink:0}.checkbox-label span{display:inline-block;vertical-align:top;font-weight:500;color:#555;padding-left:5px}.form-help-text{margin-top:8px;margin-left:32px;font-size:14px;color:#666;font-style:italic}.form-group select{width:100%;padding:12px 40px 12px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .3s;box-sizing:border-box}.form-group select:focus{outline:none;border-color:#667eea}.picture-icon-select{min-width:300px}.picture-icon-selector{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}.svg-preview-container{display:flex;gap:20px;margin-top:10px}.svg-preview-item{display:flex;flex-direction:column;align-items:center;gap:8px}.svg-preview-item label{font-size:12px;color:#666;font-weight:500}.svg-preview-box{width:80px;height:80px;border:2px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px;box-sizing:border-box}.svg-preview-box svg{max-width:100%;max-height:100%;display:block}.login-page-wrapper{min-height:100vh;background:#e0e0e0;width:100%}.login-container{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.login-header{background:#fff;padding:30px 40px 30px 80px;border-radius:12px;box-shadow:0 10px 40px #0000001a;margin-bottom:30px;max-width:1200px;width:100%;display:flex;align-items:center;gap:30px;box-sizing:border-box}.login-logo{height:80px;width:auto;object-fit:contain}.login-blurb{flex:1;margin:0;font-size:16px;line-height:1.6;color:#333}.login-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;max-width:1200px;width:100%;align-items:start;box-sizing:border-box}.login-panel{display:flex;justify-content:flex-start;align-items:flex-start}.login-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;box-sizing:border-box;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#667eea05);opacity:0;transition:opacity .3s ease;pointer-events:none}.login-card.signup-mode:before{opacity:1}.login-card.signin-mode{animation:slideInFromLeft .4s ease}.login-card.signup-mode{animation:slideInFromRight .4s ease}.login-title{transition:opacity .2s ease,transform .2s ease}.login-card.signin-mode .login-title,.login-card.signup-mode .login-title{animation:fadeInUp .3s ease .1s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-card h2{margin:0 0 30px;text-align:center;color:#333}.form-group{margin-bottom:20px}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.error-message{color:#e74c3c;margin-bottom:15px;padding:10px;background:#fee;border-radius:6px;font-size:14px}.submit-button{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.submit-button:hover:not(:disabled){background:#5568d3}.submit-button:disabled{opacity:.6;cursor:not-allowed}.toggle-auth{text-align:center;margin-top:20px;color:#666}.link-button{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.link-button:hover{color:#5568d3}.info-panel{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:600px;overflow-y:auto}.info-panel h3{margin:0 0 20px;color:#333;font-size:24px}.no-charts{color:#666;font-style:italic;text-align:center;padding:20px}.charts-list{display:flex;flex-direction:column;gap:15px}.chart-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .2s}.chart-item:hover{box-shadow:0 2px 8px #0000001a}.chart-item-info{flex:1}.chart-item-info h4{margin:0 0 5px;color:#333;font-size:16px}.chart-item-meta{margin:0;color:#666;font-size:12px}.chart-item-creator{color:#888;font-style:italic}.view-button{padding:8px 16px;background:#667eea;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background .3s}.view-button:hover{background:#5568d3}@media(max-width:768px){.login-header{flex-direction:column;text-align:center;padding:20px}.login-logo{height:60px}.login-blurb{font-size:14px}.login-layout{grid-template-columns:1fr}}.profile-page{min-height:100vh;background:#f5f5f5}.profile-container{max-width:1400px;margin:0 auto;padding:40px 20px;width:100%;box-sizing:border-box}.profile-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.profile-card h2{margin:0 0 30px;color:#333}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input[type=text]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea}.color-input-group{display:flex;gap:10px;align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer}.color-text-input{flex:1}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:10px}.logo-option{border:2px solid #e0e0e0;border-radius:8px;padding:10px;cursor:pointer;transition:all .3s;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;gap:8px}.logo-option:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.logo-option.selected{border-color:#667eea;background:#f0f4ff;box-shadow:0 2px 8px #667eea4d}.logo-option img{width:100%;max-width:100px;max-height:60px;object-fit:contain;border-radius:4px}.logo-name{font-size:12px;color:#666;word-break:break-word;text-align:center}.no-logos{color:#666;font-style:italic;margin-top:10px}.logo-selection{display:flex;flex-direction:row;gap:10px;margin-top:10px;align-items:stretch}.current-logo-display{border:2px solid #e0e0e0;border-radius:8px;padding:20px;background:#f9f9f9;flex:1;display:flex;align-items:center;justify-content:center;min-height:120px}.current-logo-preview{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.preview-label{font-size:14px;color:#666;font-weight:500;text-align:center}.current-logo-preview img{max-width:100%;max-height:80px;object-fit:contain;border-radius:4px}.no-logo-display{border:2px dashed #e0e0e0;border-radius:8px;padding:20px;text-align:center;background:#fafafa;flex:1;display:flex;align-items:center;justify-content:center;min-height:120px}.no-logo-text{color:#999;font-style:italic}.logo-action-btn{padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;font-family:inherit;flex:1;display:flex;align-items:center;justify-content:center;min-height:120px}.logo-action-btn:hover:not(:disabled){border-color:#667eea;background:#f0f4ff;color:#667eea}.logo-action-btn.selected{border-color:#667eea;background:#667eea;color:#fff}.logo-action-btn:disabled{opacity:.6;cursor:not-allowed}.logo-upload-btn{display:flex;align-items:center;justify-content:center;text-align:center}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn:disabled{opacity:.6;cursor:not-allowed}.profile-card+.profile-card{margin-top:30px}.form-group input[type=password]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group input[type=password]:focus{outline:none;border-color:#667eea}.password-message{padding:12px;border-radius:8px;margin-bottom:15px;font-size:14px}.password-error{background-color:#fee;color:#c33;border:1px solid #fcc}.password-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.privacy-page{min-height:100vh;background:#f5f5f5}.privacy-container{max-width:900px;margin:0 auto;padding:40px 20px}.privacy-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.privacy-content h1{margin:0 0 10px;color:#333;font-size:32px}.privacy-content .last-updated{margin:0 0 30px;color:#666;font-style:italic;font-size:14px}.privacy-content h2{margin:30px 0 15px;color:#333;font-size:24px}.privacy-content h3{margin:20px 0 10px;color:#444;font-size:18px}.privacy-content p{margin:15px 0;line-height:1.8;color:#555}.privacy-content ul{margin:15px 0;padding-left:30px;line-height:1.8;color:#555}.privacy-content li{margin:8px 0}.privacy-content hr{border:none;border-top:1px solid #e0e0e0;margin:30px 0}.privacy-content section{margin-bottom:20px}.privacy-content strong{color:#333;font-weight:600}.about-page{min-height:100vh;background:#f5f5f5}.about-container{max-width:800px;margin:0 auto;padding:40px 20px}.about-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.about-content h1{margin:0 0 30px;color:#333;font-size:32px}.about-content p{margin:20px 0;line-height:1.8;color:#555;font-size:16px}.about-content .mission-statement{margin-top:40px;font-size:18px;color:#444;font-weight:500}.about-content .mission-quote{font-size:20px;font-style:italic;color:#667eea;text-align:center;margin:20px 0 40px;padding:20px;border-left:4px solid #667eea;background:#f8f9ff}.tips-page{min-height:100vh;background:#f5f5f5}.tips-container{max-width:800px;margin:0 auto;padding:40px 20px}.tips-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.tips-content h1{margin:0 0 30px;color:#333}.tips-content p{color:#666;line-height:1.6;margin-bottom:20px}.svg-shapes-page{min-height:100vh;background:#f5f5f5}.svg-shapes-container{max-width:1400px;margin:0 auto;padding:40px 20px}.svg-shapes-header{margin-bottom:30px}.svg-shapes-header h1{margin:0;color:#333}.svg-shapes-info-note{background:#e8f4f8;border-left:4px solid #667eea;padding:15px 20px;margin-bottom:25px;border-radius:4px}.svg-shapes-info-note p{margin:0;color:#555;line-height:1.6;font-size:14px}.svg-shapes-info-note a{color:#667eea;text-decoration:none;font-weight:500}.svg-shapes-info-note a:hover{text-decoration:underline}.svg-shapes-actions{margin-top:30px;display:flex;justify-content:flex-start}.svg-shapes-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px}.svg-shapes-form h2{margin:0 0 20px;color:#333}.svg-shapes-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:monospace;font-size:14px;resize:vertical}.svg-shapes-table{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;width:100%;max-width:1400px}.svg-shapes-table table{width:100%;border-collapse:collapse}.svg-shapes-table thead{background:#f8f9fa}.svg-shapes-table th{padding:15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.svg-shapes-table td{padding:15px;border-bottom:1px solid #e0e0e0;vertical-align:middle}.svg-shapes-table tr:last-child td{border-bottom:none}.svg-preview{width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.svg-preview svg{max-width:100%;max-height:100%}.order-controls{display:flex;flex-direction:column;gap:4px;align-items:center}.btn-icon{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;padding:0;transition:all .2s}.btn-icon:hover:not(:disabled){background:#e0e0e0;border-color:#667eea}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.empty-message{text-align:center;color:#666;padding:40px!important}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-small{padding:6px 12px;font-size:14px;margin-right:5px}.btn-small:last-child{margin-right:0}.manage-users-page{min-height:100vh;background:#f5f5f5}.manage-users-container{max-width:1400px;margin:0 auto;padding:40px 20px;width:100%;box-sizing:border-box}.manage-users-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.manage-users-card h2{margin:0 0 30px;color:#333}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f9fa}.users-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.users-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#555}.users-table tr:hover{background:#f8f9fa}.user-id-cell{font-family:monospace;font-size:12px;color:#666}.manage-charts-page{min-height:100vh;background:#f5f5f5}.manage-charts-container{max-width:1400px;margin:0 auto;padding:40px 20px;width:100%;box-sizing:border-box}.manage-charts-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.manage-charts-card h2{margin:0 0 30px;color:#333}.loading-message{text-align:center;padding:40px;color:#666}.charts-table{overflow-x:auto}.charts-table table{width:100%;border-collapse:collapse}.charts-table thead{background:#f8f9fa}.charts-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.charts-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#555}.charts-table tr:hover{background:#f8f9fa}.no-data{text-align:center;padding:40px;color:#999;font-style:italic}.chart-link{color:#667eea;text-decoration:none;font-weight:500}.chart-link:hover{text-decoration:underline}.action-buttons{display:flex;gap:8px}.btn-small{padding:6px 12px;font-size:14px;border-radius:6px;border:none;cursor:pointer;transition:all .3s}.btn-small.btn-primary{background:#667eea;color:#fff}.btn-small.btn-primary:hover{background:#5568d3}.btn-small.btn-secondary{background:#6c757d;color:#fff}.btn-small.btn-secondary:hover{background:#5a6268}.btn-small.btn-danger{background:#dc3545;color:#fff}.btn-small.btn-danger:hover{background:#c82333}.app{min-height:100vh}