body{background:linear-gradient(135deg,#7f7fd5,#86a8e7,#91eac9);min-height:100vh;font-family:Segoe UI,Arial,sans-serif;margin:0}.container{max-width:96vw;min-width:1200px;margin:20px auto;background:#fff;border-radius:18px;box-shadow:0 8px 32px #667eea1a;padding:0;overflow:hidden}.header{padding:0;border-top-left-radius:18px;border-top-right-radius:18px;text-align:center}.header h1{font-size:1.8rem;margin:0 0 8px}.header p{font-size:1.1rem;margin:0;color:#cfd8dc}#app-loader{padding:40px;text-align:center;font-size:1.2rem;display:flex;flex-direction:column}#app-content{padding:14px 22px;zoom:.8}.animated-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header{display:flex;gap:15px;justify-content:space-between;margin-bottom:24px;padding-bottom:0;border-bottom:0px solid #e9ecef}.main-controls-wrapper{display:flex;flex-direction:column;gap:5px;padding:1px}.segment-display strong{font-size:1rem;color:#2d3e50;font-weight:600;text-align:center}.segment-modal-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.segment-modal-item{display:block;width:100%;padding:15px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:600;color:#343a40;cursor:pointer;transition:background-color .2s,border-color .2s}.segment-modal-item:hover{background-color:#e9ecef}.segment-modal-item.active{background-color:#4a69bd;color:#fff;border-color:#3b528f}.control-buttons-group{display:flex;align-self:flex-start;gap:8px}.control-buttons-group .btn{flex-grow:1}.page-header{display:flex;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid #e9ecef;padding:20px}.page-title{display:flex;align-items:center;gap:15px}.page-title h2{margin:0;color:#2d3e50;font-size:1.8rem}.page-title p{margin:0;color:#6c757d}.page-subtitle{display:none;justify-content:flex-end;color:#555;font-weight:500;margin-bottom:10px;font-style:italic}.segment-selector{display:flex;align-items:center;gap:10px}.segment-selector label{font-weight:600;font-size:1.1rem}.segment-selector select{padding:8px 12px;border-radius:8px;border:1px solid #dee2e6;font-size:1rem;background-color:#f8f9fa}.actions-container,.page-actions{display:flex;gap:10px}.btn-small{padding:5px 10px;font-size:1.2rem;line-height:1}.actions-container{display:flex;gap:10px;flex-wrap:nowrap;justify-content:flex-end}.btn{border-radius:8px;font-size:.87rem;font-weight:600;border:none;padding:10px 16px;cursor:pointer;transition:all .2s}.btn-primary{background-color:#4a69bd;color:#fff}.btn-primary:hover{background-color:#3b528f}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-first{background-color:#045fa8;color:#fff}.btn-first:hover{background-color:#5a6268}.btn-third{background-color:#000;color:#fff}.btn-third:hover{background-color:#5a6268}.btn-success{background:#28a745;color:#fff;text-decoration:none}.btn-success:hover{background:#218838;text-decoration:none}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn.cancel-mode{background-color:#f44336}.btn.cancel-mode:hover{background-color:#d32f2f}.btn-success-new{background:#28a745;color:#fff;text-decoration:none}.btn-success-new:hover{background:#218838;text-decoration:none}.btn-in-create{background:#388e3c;color:#fff;text-decoration:none}.btn-in-create:hover{background:#3b528f;text-decoration:none}.pagination-container{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 0;margin-top:20px;width:100%}.pagination-container .btn{font-size:.9rem;padding:8px 16px}.pagination-container span{font-size:1rem;color:#495057;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:550px;position:relative;max-height:85vh;overflow-y:auto}.modal-content.large{max-width:800px}.modal-content h2{margin-top:0;margin-bottom:20px;border-bottom:1px solid #dee2e6;padding-bottom:15px;color:#2d3e50}.modal-close-btn{position:sticky;top:10px;right:15px;background:none;border:none;font-size:1.5rem;color:#aaa;cursor:pointer;line-height:1}.modal-close-btn:hover{color:#333}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:3px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.details-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:5px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #4a69bd}.detail-item span{color:#6c757d}.detail-item strong{color:#343a40}.detail-divider{display:none}.comparison-table-wrapper{width:100%;overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-table th,.comparison-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}.comparison-table th{background-color:#4a69bd;color:#fff}.comparison-table td:not(:first-child){text-align:right}.comparison-table .positive{color:#28a745;font-weight:600}.comparison-table .negative{color:#dc3545;font-weight:600}.comparison-table .neutral{color:#6c757d}#mobile-menu-toggle{display:none}.context-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%}@media (max-width: 1200px){.container{min-width:97vw;margin:10px auto 20px}}.notification-modal-content{max-width:450px;text-align:center;padding-top:20px}.notification-icon{font-size:4rem;margin-bottom:15px;line-height:1}.notification-icon.success{color:#28a745}.notification-icon.error{color:#dc3545}.notification-icon.info{color:#17a2b8}.notification-icon.warning{color:#ffc107}#notification-title{margin-top:0;margin-bottom:10px}#notification-message{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:25px}.settings-menu-container{position:relative}.settings-dropdown{display:none;position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 5px 15px #0000001a;z-index:100;width:180px;padding:8px 0;margin-top:5px}.settings-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 15px;color:#343a40;text-decoration:none;font-size:.95rem;white-space:nowrap}.settings-dropdown a:hover{background-color:#f1f3f5}.refine-container{display:flex;align-items:center;padding:10px 15px;border-radius:8px}.refine-container label{font-weight:500;color:#495057}.month-filter-input{padding:5px 8px;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.btn-clear-filter{background-color:#f1f3f5;border:1px solid #ced4da;color:#495057;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;margin:5px}.btn-clear-filter:hover{background-color:#e9ecef}.refine-trigger{font-weight:500;color:#007bff;cursor:pointer;transition:color .2s}.refine-trigger:hover{color:#0056b3;text-decoration:underline}.hidden{display:none!important}trial-status-bar{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 15px;background-color:#fffbe6;color:#856404;border-bottom:1px solid #ffeeba;font-size:.9rem;font-weight:500;text-align:center}.trial-status-bar .btn{padding:5px 12px;font-size:.85rem;background-color:#28a745;color:#fff;text-decoration:none;border-radius:5px}@media (max-width: 768px){body{padding:0}html{font-size:18px}.container{width:100%;min-width:100%;margin:0;border-radius:0}.header{border-radius:0}#app-content{padding:16px;zoom:1}.dashboard-header,.page-header{flex-direction:column;align-items:stretch;gap:15px}.page-title{justify-content:center}.page-title p{display:none}.modal-content{width:90%;max-width:90%}.modal-actions .btn{width:100%;padding:12px}.main-controls-wrapper{display:flex;flex-direction:column;gap:5px;padding:1px;background:#4a69bd00;border-top-left-radius:15px;border-top-right-radius:15px}#main-actions-container{display:none;flex-direction:column;width:100%;gap:10px}#main-actions-container.active{display:flex}#mobile-menu-toggle{display:block;background:#4a69bd}.control-panel-body{flex-direction:column}.context-wrapper{display:flex;flex-direction:column-reverse;gap:20px}.btn-success-new{background:#28a745;color:#fff;text-decoration:none;display:flex;justify-content:center}}.site-footer{background-color:#2c3e50;color:#bdc3c7;padding:40px 0;font-size:.95rem}.footer-container{max-width:1100px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}.footer-column h4{color:#fff;font-size:1.1rem;margin-top:0;margin-bottom:15px;font-weight:600}.footer-column .footer-about{line-height:1.7;color:#95a5a6}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#bdc3c7;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff;text-decoration:underline}.social-links a{display:inline-block;margin-right:15px;font-size:1.5rem;text-decoration:none;color:#bdc3c7;transition:transform .2s ease,color .2s ease}.social-links a:hover{color:#fff;transform:scale(1.1)}.footer-bottom{text-align:center;border-top:1px solid #34495e;padding-top:20px;font-size:.9rem;color:#7f8c8d}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-column{margin-bottom:20px}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr;text-align:center}.social-links{text-align:center}}body.app-loaded .header,body.app-loaded .site-footer{display:none}