:root{--primary:#004b87;--secondary:#e8a71d;--background:#f4f6f8;--surface:#fff;--text-main:#202124;--text-secondary:#5f6368;--border:#dadce0;--shadow-1:0 1px 3px #0000001f, 0 1px 2px #0000003d;--shadow-2:0 3px 6px #00000029, 0 3px 6px #0000003b;--shadow-3:0 10px 20px #00000030, 0 6px 6px #0000003b;--radius:8px;--font-family:"Roboto", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-main);height:100vh;overflow:hidden}.dashboard{width:100vw;height:100vh;display:flex;overflow:hidden}.dashboard__sidebar{background:var(--surface);border-right:1px solid var(--border);width:400px;box-shadow:var(--shadow-1);z-index:10;flex-direction:column;display:flex}.dashboard__filter-bar{border-bottom:1px solid var(--border);background:var(--surface);padding:20px}.dashboard__filter-bar .search-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;margin-bottom:10px;padding:12px 16px;font-size:14px;transition:box-shadow .2s}.dashboard__filter-bar .search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #004b8733}.dashboard__filter-bar .filters-row{flex-direction:column;gap:12px;font-size:13px;display:flex}.dashboard__filter-bar .filters-row .filter-dropdown{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;padding:8px 12px;position:relative}.dashboard__filter-bar .filters-row .filter-dropdown summary{color:var(--text-secondary);justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.dashboard__filter-bar .filters-row .filter-dropdown summary::-webkit-details-marker{display:none}.dashboard__filter-bar .filters-row .filter-dropdown-content{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);z-index:20;max-height:250px;box-shadow:var(--shadow-2);background:#fff;border-top:none;position:absolute;top:100%;left:-1px;right:-1px;overflow-y:auto}.dashboard__filter-bar .filters-row .filter-dropdown-content label{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;display:flex}.dashboard__filter-bar .filters-row .filter-dropdown-content label:hover{background:#f8f9fa}.dashboard__filter-bar .filters-row .date-filters{flex-direction:column;gap:6px;display:flex}.dashboard__filter-bar .filters-row .date-filters label{color:var(--text-secondary);font-weight:500}.dashboard__filter-bar .filters-row .date-filters .date-inputs{align-items:center;gap:8px;display:flex}.dashboard__filter-bar .filters-row .date-filters .date-inputs input[type=date]{border:1px solid var(--border);color:var(--text-main);border-radius:4px;outline:none;flex:1;padding:8px;font-family:inherit}.dashboard__filter-bar .filters-row .date-filters .date-inputs input[type=date]:focus{border-color:var(--primary)}.dashboard__list{flex:1;padding:10px;overflow-y:auto}.dashboard__list::-webkit-scrollbar{width:6px}.dashboard__list::-webkit-scrollbar-track{background:#f1f1f1}.dashboard__list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dashboard__list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dashboard__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:10px;padding:16px;transition:all .2s ease-in-out}.dashboard__card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.dashboard__card--active{border-color:var(--primary);box-shadow:var(--shadow-1);background:#004b8708}.dashboard__card h3{color:var(--primary);margin-bottom:4px;font-size:16px;font-weight:500}.dashboard__card p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;overflow:hidden}.dashboard__card .card-meta{justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.dashboard__main{background:var(--background);flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard__header{background:var(--surface);box-shadow:var(--shadow-1);z-index:5;padding:20px 30px}.dashboard__header h1{color:var(--text-main);margin-bottom:8px;font-size:24px;font-weight:400}.dashboard__header .meta-tags{color:var(--text-secondary);gap:16px;font-size:13px;display:flex}.dashboard__header .meta-tags span{background:#e8eaed;border-radius:4px;padding:4px 8px}.dashboard__header .action-buttons .btn-action{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.dashboard__header .action-buttons .btn-action.primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.dashboard__header .action-buttons .btn-action.primary:hover{background:#003666;border-color:#003666}.dashboard__header .action-buttons .btn-action.outline{color:var(--primary);border:1px solid var(--primary);background:#fff}.dashboard__header .action-buttons .btn-action.outline:hover{background:#004b870d}.dashboard__content{flex:1;gap:20px;padding:20px;display:flex;overflow:hidden}.dashboard__details{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard__details .tabs{border-bottom:1px solid var(--border);display:flex}.dashboard__details .tabs button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex:1;padding:12px;font-weight:500;position:relative}.dashboard__details .tabs button.active{color:var(--primary)}.dashboard__details .tabs button.active:after{content:"";background:var(--primary);width:100%;height:3px;position:absolute;bottom:0;left:0}.dashboard__details .details-body{flex:1;padding:20px;overflow-y:auto}.dashboard__details .details-body h3{color:var(--primary);margin-bottom:12px;font-size:16px}.dashboard__details .details-body ul.link-list{list-style:none}.dashboard__details .details-body ul.link-list li{word-break:break-all;border-bottom:1px solid #f1f3f4;padding:10px 0}.dashboard__details .details-body ul.link-list li:last-child{border-bottom:none}.dashboard__details .details-body ul.link-list li a{color:var(--primary);margin-top:4px;font-size:14px;text-decoration:none;display:inline-block}.dashboard__details .details-body ul.link-list li a:hover{text-decoration:underline}.dashboard__details .details-body ul.link-list li .link-text{color:var(--text-main);font-size:14px;font-weight:500}.dashboard__center{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);flex-direction:column;flex:1.5;display:flex;overflow:hidden}.dashboard__center .center-header{border-bottom:1px solid var(--border);color:var(--text-secondary);background:#f8f9fa;padding:12px 20px;font-size:13px;font-weight:500}.dashboard__center .center-body{flex:1;padding:20px;overflow-y:auto}.dashboard__center .center-body::-webkit-scrollbar{width:6px}.dashboard__center .center-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.dashboard__center .center-body .sf-metrics-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.dashboard__center .center-body .sf-metrics-grid .sf-metric{border:1px solid #eaeaea;border-left:3px solid var(--primary);background:#fff;border-radius:4px;padding:12px;box-shadow:0 1px 2px #00000005}.dashboard__center .center-body .sf-metrics-grid .sf-metric strong{color:#777;text-transform:uppercase;font-size:10px;display:block}.dashboard__center .center-body .sf-metrics-grid .sf-metric span{color:#222;margin-top:4px;font-size:14px;font-weight:600;display:block}.dashboard__center .center-body .report-iframe-wrapper{border:1px solid var(--border);border-radius:var(--radius);height:600px;margin-top:10px;overflow:hidden}.dashboard__center .center-body .report-iframe-wrapper iframe{border:none;width:100%;height:100%}.dashboard__preview{border-radius:var(--radius);box-shadow:var(--shadow-2);background:#fff;flex-direction:column;flex:2;display:flex;overflow:hidden}.dashboard__preview .preview-header{border-bottom:1px solid var(--border);color:var(--text-secondary);background:#f8f9fa;justify-content:space-between;align-items:center;padding:12px 20px;font-weight:500;display:flex}.dashboard__preview .preview-header a{color:var(--primary);background:#e8f0fe;border-radius:4px;padding:4px 10px;font-size:12px;text-decoration:none}.dashboard__preview .preview-header a:hover{background:#d2e3fc}.dashboard__preview iframe{background:#fff;border:none;flex:1;width:100%}.dashboard__empty-state{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard__empty-state h2{margin-bottom:8px;font-size:20px;font-weight:400}