*{margin:0;padding:0;box-sizing:border-box}.App{display:flex;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.sidebar{width:228px;background-color:#2b2d31;color:#fff;display:flex;flex-direction:column;transition:width .3s ease;border-right:1px solid #1e1f22}.sidebar.closed{width:60px}.logo{padding:20px 24px;font-size:24px;font-weight:600;border-bottom:1px solid #1e1f22}.logo-text{color:#b5bac1}.logo-ai{color:#ed4245;margin-left:4px}.nav-menu{flex:1;overflow-y:auto;padding:8px 0}.nav-section{margin-bottom:4px}.nav-section-header{width:100%;display:flex;align-items:center;gap:12px;padding:8px 16px;background:none;border:none;color:#b5bac1;font-size:14px;cursor:pointer;transition:background-color .2s}.nav-section-header:hover{background-color:#35373c}.nav-icon{font-size:16px;width:20px}.expand-icon{margin-left:auto;transition:transform .2s;font-size:18px}.expand-icon.expanded{transform:rotate(90deg)}.nav-items{display:flex;flex-direction:column}.nav-item{padding:8px 16px 8px 48px;color:#b5bac1;text-decoration:none;font-size:14px;transition:background-color .2s;cursor:pointer}.nav-item:hover{background-color:#35373c;color:#fff}.nav-item.active{background-color:#ed4245;color:#fff;border-radius:4px;margin:0 8px;padding-left:40px}.main-content{flex:1;display:flex;flex-direction:column;background-color:#f8f9fa;overflow:hidden}.top-bar{height:60px;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 20px;gap:16px}.menu-toggle{background:none;border:none;font-size:24px;cursor:pointer;color:#5f6368;padding:8px}.menu-toggle:hover{background-color:#f1f3f4;border-radius:4px}.top-bar-title{font-size:14px;color:#5f6368}.user-menu{margin-left:auto}.user-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-button:hover{background-color:#f1f3f4}.user-icon{font-size:20px;color:#5f6368;width:32px;height:32px;background-color:#e8eaed;border-radius:50%;display:flex;align-items:center;justify-content:center}.content{flex:1;overflow-y:auto;padding:24px}.alert-box{background-color:#fce8e6;border:1px solid #f5c6cb;border-radius:8px;padding:16px 20px;margin-bottom:24px;display:flex;gap:16px}.alert-icon{color:#d93025;font-size:20px;margin-top:2px}.alert-content{flex:1}.alert-title{font-weight:600;color:#5f0f0d;margin-bottom:8px;font-size:14px}.alert-content p{color:#5f0f0d;font-size:13px;line-height:1.5;margin:4px 0}.action-buttons{display:flex;gap:12px;margin-bottom:32px}.btn-primary{background-color:#34a853;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#2d8e47}.btn-secondary{background-color:#fff;color:#5f6368;border:1px solid #dadce0;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#f8f9fa}.filter-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:24px}.section-title{font-size:16px;font-weight:500;color:#202124;margin-bottom:20px;display:flex;align-items:center;gap:8px}.info-icon{color:#5f6368;font-size:14px;cursor:help}.filter-row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.filter-row label{font-size:14px;color:#202124;min-width:100px}.filter-select{padding:8px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;min-width:200px;background-color:#fff}.filter-input{padding:8px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;flex:1}.filter-select-small{padding:8px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;min-width:100px;background-color:#fff}.btn-search{background-color:#202124;color:#fff;border:none;padding:8px 24px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-search:hover{background-color:#3c4043}.btn-refresh{background-color:#fff;color:#5f6368;border:1px solid #dadce0;padding:8px 12px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.btn-refresh:hover{background-color:#f8f9fa}.table-section{display:flex;gap:24px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.table-container{flex:1;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:#f1f3f4}.data-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#5f6368;border-bottom:1px solid #e0e0e0}.data-table td{padding:12px 16px;font-size:14px;color:#202124;border-bottom:1px solid #f1f3f4}.data-table tbody tr:hover{background-color:#f8f9fa}.row-menu{background:none;border:none;font-size:18px;color:#5f6368;cursor:pointer;padding:4px 8px;border-radius:4px}.row-menu:hover{background-color:#f1f3f4}.sidebar-panel{width:300px;background-color:#f8f9fa;border-left:1px solid #e0e0e0;padding:24px;display:flex;align-items:center;justify-content:center}.sidebar-panel p{color:#5f6368;font-size:14px}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#202124;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}