.dashboard-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 0 20px;max-width:none;padding:20px;transition:all .3s ease;width:100%}.dashboard-container:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.dashboard-header{align-items:center;border-bottom:2px solid #4caf50;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.dashboard-header h3{color:#333;font-size:1.4rem;margin:0}.dashboard-summary{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:25px}.summary-value{color:#4caf50}.dashboard-details{margin-bottom:20px}.dashboard-details h4{color:#333;font-size:1.2rem;margin-bottom:15px}.prefecture-table-container{margin-bottom:15px;overflow-x:auto}.prefecture-table{border-collapse:collapse;text-align:left;width:100%}.prefecture-table td,.prefecture-table th{border-bottom:1px solid #ddd;padding:12px 15px}.prefecture-table th{background-color:#f5f5f5;color:#333;font-weight:600}.prefecture-table tr:hover{background-color:#f9f9f9}.dashboard-footer{border-top:1px solid #eee;color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:space-between;padding-top:15px}.dashboard-footer p{margin:5px 0}.dashboard-loading{padding:30px;text-align:center}.loading-spinner{border:4px solid #4caf504d;border-top-color:#4caf50}.dashboard-error{color:#d32f2f;padding:20px;text-align:center}.dashboard-error button{background-color:#f44336;margin-top:10px}.dashboard-error button:hover{background-color:#d32f2f}@media (max-width:768px){.dashboard-summary{flex-direction:column}.summary-card{margin-bottom:15px;width:100%}.dashboard-footer{flex-direction:column}}@media (max-width:480px){.dashboard-header{align-items:flex-start;flex-direction:column}.update-date{margin-top:5px}.prefecture-table td,.prefecture-table th{font-size:.9rem;padding:8px 10px}}.power-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 0 20px;max-width:none;padding:20px;transition:all .3s ease;width:100%}.power-container:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.power-header{align-items:center;border-bottom:2px solid #0078d4;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.power-header h3{color:#333;font-size:1.4rem;margin:0}.power-summary{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:25px}.summary-card{width:30%}.summary-card:hover{background-color:#e8f5e9}.summary-value{color:#0078d4}.status-summary{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:25px}.status-card{border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#fff;margin-bottom:15px;min-width:150px;padding:15px;text-align:center;transition:all .3s ease;width:30%}.status-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.status-card h4{font-size:1rem;margin:0 0 10px}.status-count{font-size:1.8rem;font-weight:700;margin:0}.status-card.optimal{background-color:#4caf50}.status-card.warning{background-color:#ff9800}.status-card.critical{background-color:#f44336}.power-details{margin-bottom:20px}.power-details h4{color:#333;font-size:1.2rem;margin-bottom:15px}.power-table-container{margin-bottom:15px;overflow-x:auto}.power-table{border-collapse:collapse;text-align:left;width:100%}.power-table td,.power-table th{border-bottom:1px solid #ddd;padding:12px 15px}.power-table th{background-color:#f5f5f5;color:#333;font-weight:600}.power-table tr:hover{background-color:#f9f9f9}.status-indicator.status-optimal{background-color:#4caf50}.status-indicator.status-critical{background-color:#f44336}.battery-indicator{background-color:#e0e0e0;border-radius:10px;height:15px;margin-bottom:5px;overflow:hidden;width:100%}.battery-level{border-radius:10px;height:100%}.battery-level.high{background-color:#4caf50}.battery-level.medium{background-color:#ff9800}.battery-level.low{background-color:#f44336}.battery-text{color:#555;font-size:.9rem}.power-table tr.status-optimal{background-color:#4caf500d}.power-table tr.status-warning{background-color:#ff98000d}.power-table tr.status-critical{background-color:#f443360d}.power-footer{border-top:1px solid #eee;color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:space-between;padding-top:15px}.power-footer p{margin:5px 0}.power-loading{padding:30px;text-align:center}.power-error{color:#d32f2f;padding:20px;text-align:center}.power-error button{background-color:#f44336;margin-top:10px}.power-error button:hover{background-color:#d32f2f}@media (max-width:768px){.power-summary,.status-summary{flex-direction:column}.status-card,.summary-card{margin-bottom:15px;width:100%}.power-footer{flex-direction:column}}@media (max-width:480px){.power-header{align-items:flex-start;flex-direction:column}.update-date{margin-top:5px}.power-table td,.power-table th{font-size:.9rem;padding:8px 10px}}.camera-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 0 20px;max-width:none;padding:20px;transition:all .3s ease;width:100%}.camera-container:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.camera-header{align-items:center;border-bottom:2px solid #0078d4;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.camera-header h3{color:#333;font-size:1.4rem;margin:0}.camera-controls-header{align-items:center;display:flex}.view-mode-button{background-color:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:15px;padding:8px 15px}.view-mode-button:hover{background-color:#106ebe}.update-date{color:#666;font-size:.9rem;margin:0}.camera-summary{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:25px}.summary-card{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:15px;min-width:150px;padding:15px;text-align:center;transition:all .3s ease;width:22%}.summary-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.summary-card h4{color:#555;font-size:1rem;margin:0 0 10px}.summary-value{font-size:1.8rem;font-weight:700;margin:0}.storage-summary{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:25px;padding:15px}.storage-summary h4{color:#555;font-size:1rem;margin:0 0 10px}.storage-bar-container{background-color:#e0e0e0;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.storage-bar{background-color:#0078d4;border-radius:10px;height:100%}.storage-text{color:#555;font-size:.9rem;margin:5px 0 0;text-align:center}.camera-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.camera-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.camera-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.camera-thumbnail{height:180px;overflow:hidden;position:relative;width:100%}.camera-thumbnail img{height:100%;object-fit:cover;width:100%}.status-badge{border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px}.camera-info{padding:15px}.camera-info h5{color:#333;font-size:1.1rem;margin:0 0 8px}.camera-info p{color:#666;font-size:.9rem;margin:0 0 5px}.camera-update{color:#888;font-size:.8rem}.camera-list{margin-bottom:20px;overflow-x:auto}.camera-table{border-collapse:collapse;text-align:left;width:100%}.camera-table td,.camera-table th{border-bottom:1px solid #ddd;padding:12px 15px}.camera-table th{background-color:#f5f5f5;color:#333;font-weight:600}.camera-table tr:hover{background-color:#f9f9f9}.view-button{background-color:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px}.view-button:hover{background-color:#106ebe}.camera-detail-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;width:100%}.camera-detail-header{align-items:center;border-bottom:2px solid #0078d4;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.camera-detail-header h4{color:#333;font-size:1.4rem;margin:0}.back-button{background-color:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px}.back-button:hover{background-color:#106ebe}.camera-detail-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.camera-detail-content{grid-template-columns:2fr 1fr}}.camera-live-feed{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;width:100%}.camera-live-feed img{display:block;width:100%}.offline-feed{filter:grayscale(100%);opacity:.7}.offline-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.offline-overlay p{background-color:#000000b3;border-radius:5px;color:#fff;font-size:1.5rem;font-weight:700;margin:0;padding:10px 20px}.camera-info-panel{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:15px}.info-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.info-label{color:#555;font-weight:700}.info-value{color:#333}.camera-controls{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;margin-top:10px}.control-button{background-color:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;min-width:120px;padding:10px 15px}.control-button:hover{background-color:#106ebe}.status-online{color:#4caf50}.status-offline{color:#f44336}.status-warning{color:#ff9800}.status-badge.status-online{background-color:#4caf50}.status-badge.status-offline{background-color:#f44336}.status-badge.status-warning{background-color:#ff9800}.status-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.status-indicator.status-online{background-color:#4caf50}.status-indicator.status-offline{background-color:#f44336}.status-indicator.status-warning{background-color:#ff9800}.camera-table tr.status-online{background-color:#4caf500d}.camera-table tr.status-offline{background-color:#f443360d}.camera-table tr.status-warning{background-color:#ff98000d}.camera-footer{border-top:1px solid #eee;color:#666;display:flex;font-size:.9rem;justify-content:center;padding-top:15px}.camera-footer p{margin:5px 0}.camera-loading{padding:30px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0078d44d;border-radius:50%;border-top-color:#0078d4;display:inline-block;height:40px;margin-top:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.camera-error{color:#d32f2f;padding:20px;text-align:center}.camera-error button{background-color:#f44336;margin-top:10px}.camera-error button:hover{background-color:#d32f2f}@media (max-width:768px){.camera-summary{flex-direction:column}.summary-card{margin-bottom:15px;width:100%}.camera-grid{grid-template-columns:1fr}.camera-controls{flex-direction:column}}@media (max-width:480px){.camera-header{align-items:flex-start;flex-direction:column}.camera-controls-header{justify-content:space-between;margin-top:10px;width:100%}.camera-table td,.camera-table th{font-size:.9rem;padding:8px 10px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;text-align:center;width:100%}.app-header-bar{align-items:center;background-color:#0078d4;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;left:0;margin-bottom:20px;padding:10px 20px;position:relative;right:0;width:100%}.app-header-bar h1{color:#fff;font-size:1.5rem;margin:0}.user-info{align-items:center;display:flex}.username{font-weight:500;margin-right:15px}.app-content{display:flex;flex-direction:column;padding:0;width:100%}@media (min-width:992px){.app-content{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dashboard-section{margin-bottom:20px;width:100%}.menu-container{width:100%}}.login-container{align-items:center;background-color:#f5f5f5;border-radius:8px;color:#333;display:flex;flex-direction:column;font-size:calc(10px + 1vmin);justify-content:center;min-height:100vh;padding:20px;width:100%}.login-container,button{box-shadow:0 2px 4px #0000001a}button{background-color:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;padding:12px 20px;transition:all .3s ease}button:hover{background-color:#106ebe;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.menu-container{display:flex;justify-content:center;width:100%}.menu-buttons{display:flex;flex-direction:column;width:100%}.link-button{align-items:center;background-color:#4caf50;border-radius:8px;display:flex;font-size:16px;font-weight:500;margin:15px auto;max-width:100%;padding:15px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.link-button:hover{background-color:#3e8e41;transform:translateY(-3px)}.link-button:active{transform:translateY(0)}.menu-icon{display:inline-block;font-size:24px;margin-right:15px}.menu-title{flex:1 1}.link-button:after{content:"→";font-size:20px;position:absolute;right:20px;transition:transform .3s ease}.link-button:hover:after{transform:translateX(5px)}.menu-links{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:25px 0;max-width:100%;padding:25px;transition:all .3s ease;width:100%}.menu-links:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.menu-links h3{color:#333;font-size:1.4rem;margin-bottom:20px;margin-top:0;padding-bottom:10px;position:relative;text-align:center}.menu-links h3:after{background-color:#4caf50;border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.dashboard-wrapper{animation:fadeIn .5s ease-in-out;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:25px 0;max-width:800px;padding:25px;transition:all .3s ease;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-wrapper h3{color:#333;font-size:1.4rem;margin-bottom:20px;margin-top:0;padding-bottom:10px;position:relative;text-align:center}.close-dashboard-button{background-color:#f44336;display:block;margin:20px auto 0;width:200px}.close-dashboard-button:hover{background-color:#d32f2f}h1{color:#0078d4;font-size:2rem;margin-bottom:30px}h2{color:#333;font-size:1.5rem;margin-bottom:15px}p{line-height:1.6;margin-bottom:20px}@media (max-width:768px){.App-header,body{padding:15px}h1{font-size:1.8rem;margin-bottom:20px}h2{font-size:1.3rem}.menu-links{margin:15px 0;padding:20px}.link-button{font-size:15px;margin:12px auto;padding:12px 15px}.menu-icon{font-size:20px;margin-right:10px}}@media (max-width:480px){.App-header,body{padding:10px}h1{font-size:1.5rem;margin-bottom:15px}.menu-links h3,h2{font-size:1.2rem}.link-button{margin:10px auto}.link-button,button{font-size:14px;padding:10px 15px}.menu-icon{font-size:18px;margin-right:8px}.link-button:after{font-size:16px;right:15px}}:root{--color-primary-100:#e3f2fd;--color-primary-200:#bbdefb;--color-primary-300:#90caf9;--color-primary-400:#64b5f6;--color-primary-500:#42a5f5;--color-primary-600:#1e88e5;--color-primary-700:#1976d2;--color-primary-800:#1565c0;--color-primary-900:#0d47a1;--color-secondary-100:#f3e5f5;--color-secondary-200:#e1bee7;--color-secondary-300:#ce93d8;--color-secondary-400:#ba68c8;--color-secondary-500:#9c27b0;--color-secondary-600:#8e24aa;--color-secondary-700:#7b1fa2;--color-secondary-800:#6a1b9a;--color-secondary-900:#4a148c;--color-error-100:#ffebee;--color-error-200:#ffcdd2;--color-error-300:#ef9a9a;--color-error-400:#e57373;--color-error-500:#f44336;--color-error-600:#e53935;--color-error-700:#d32f2f;--color-error-800:#c62828;--color-error-900:#b71c1c;--color-warning-100:#fff3e0;--color-warning-200:#ffe0b2;--color-warning-300:#ffb74d;--color-warning-400:#ffa726;--color-warning-500:#ff9800;--color-warning-600:#fb8c00;--color-warning-700:#f57c00;--color-warning-800:#ef6c00;--color-warning-900:#e65100;--color-success-100:#e8f5e9;--color-success-200:#c8e6c9;--color-success-300:#a5d6a7;--color-success-400:#81c784;--color-success-500:#4caf50;--color-success-600:#43a047;--color-success-700:#388e3c;--color-success-800:#2e7d32;--color-success-900:#1b5e20;--color-info-100:#e1f5fe;--color-info-200:#b3e5fc;--color-info-300:#81d4fa;--color-info-400:#4fc3f7;--color-info-500:#03a9f4;--color-info-600:#039be5;--color-info-700:#0288d1;--color-info-800:#0277bd;--color-info-900:#01579b;--color-neutral-0:#fff;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#eee;--color-neutral-300:#e0e0e0;--color-neutral-400:#bdbdbd;--color-neutral-500:#9e9e9e;--color-neutral-600:#757575;--color-neutral-700:#616161;--color-neutral-800:#424242;--color-neutral-900:#212121;--color-neutral-1000:#000;--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-700);--color-text-tertiary:var(--color-neutral-600);--color-text-disabled:var(--color-neutral-500);--color-text-link:var(--color-primary-700);--color-text-on-filled:var(--color-neutral-0);--color-text-error:var(--color-error-700);--color-text-warning:var(--color-warning-700);--color-text-success:var(--color-success-700);--color-text-info:var(--color-info-700);--color-background-primary:var(--color-neutral-0);--color-background-secondary:var(--color-neutral-50);--color-background-tertiary:var(--color-neutral-100);--color-background-error:var(--color-error-100);--color-background-warning:var(--color-warning-100);--color-background-success:var(--color-success-100);--color-background-info:var(--color-info-100);--color-border-default:var(--color-neutral-300);--color-border-strong:var(--color-neutral-400);--color-border-error:var(--color-error-500);--color-border-warning:var(--color-warning-500);--color-border-success:var(--color-success-500);--color-border-info:var(--color-info-500);--color-interactive-primary:var(--color-primary-600);--color-interactive-primary-hover:var(--color-primary-700);--color-interactive-primary-active:var(--color-primary-800);--color-interactive-secondary:var(--color-neutral-100);--color-interactive-secondary-hover:var(--color-neutral-200);--color-interactive-secondary-active:var(--color-neutral-300);--color-interactive-tertiary:#0000;--color-interactive-tertiary-hover:var(--color-neutral-100);--color-interactive-tertiary-active:var(--color-neutral-200);--color-interactive-disabled:var(--color-neutral-300);--font-family-base:"BIZ UDPゴシック","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;--font-size-base:16px;--line-height-base:1.6;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;--spacing-14:56px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-40:160px;--spacing-48:192px;--spacing-56:224px;--spacing-64:256px;--motion-duration-standard:200ms;--motion-duration-short:100ms;--motion-duration-long:400ms;--motion-easing-standard:ease-out;--elevation-level-1:0px 1px 3px #0000001f,0px 1px 2px #0000003d;--elevation-level-2:0px 3px 6px #00000029,0px 3px 6px #0000003b;--elevation-level-3:0px 10px 20px #00000030,0px 6px 6px #0000003b;--breakpoint-sm:768px;--breakpoint-md:1024px;--accessibility-focus-ring-color:#0050b3;--accessibility-focus-ring-width:2px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--color-background-primary);color:#212121;color:var(--color-text-primary);font-family:BIZ UDPゴシック,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-family:var(--font-family-base);font-size:16px;font-size:var(--font-size-base);line-height:1.6;line-height:var(--line-height-base)}:focus{box-shadow:0 0 0 2px #0050b3;box-shadow:0 0 0 var(--accessibility-focus-ring-width) var(--accessibility-focus-ring-color);outline:none}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-4)}.grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(12,1fr)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media (max-width:calc(var(--breakpoint-sm ) - 1px)){.container{padding:0 var(--spacing-4)}.grid{gap:var(--spacing-4);grid-template-columns:1fr}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 1}}@media (min-width:var(--breakpoint-sm )) and (max-width:calc(var(--breakpoint-md ) - 1px)){.container{padding:0 var(--spacing-6)}.grid{gap:var(--spacing-6)}}@media (min-width:var(--breakpoint-md )){.container{padding:0 var(--spacing-8)}.grid{gap:var(--spacing-8)}}.header{background-color:var(--color-background-primary);box-shadow:var(--elevation-level-1);left:0;position:fixed;top:0;width:100%;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--spacing-4)}.logo h1{color:var(--color-text-primary);font-size:1.25rem;font-weight:var(--font-weight-semibold)}.utility-links{align-items:center;display:flex;gap:var(--spacing-4)}.username{color:var(--color-text-secondary)}.button{border:none;border-radius:4px;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:background-color var(--motion-duration-standard) var(--motion-easing-standard)}.button-primary{background-color:var(--color-interactive-primary);color:var(--color-text-on-filled)}.button-primary:hover{background-color:var(--color-interactive-primary-hover)}.button-primary:active{background-color:var(--color-interactive-primary-active)}.button-secondary{background-color:var(--color-interactive-secondary);color:var(--color-text-primary)}.button-secondary:hover{background-color:var(--color-interactive-secondary-hover)}.button-secondary:active{background-color:var(--color-interactive-secondary-active)}.hamburger-button{background:none;border:none;cursor:pointer;display:none;padding:var(--spacing-2)}.hamburger-icon{display:block;position:relative}.hamburger-icon,.hamburger-icon:after,.hamburger-icon:before{background-color:var(--color-text-primary);height:3px;width:24px}.hamburger-icon:after,.hamburger-icon:before{content:"";left:0;position:absolute}.hamburger-icon:before{top:-8px}.hamburger-icon:after{bottom:-8px}.global-nav{background-color:var(--color-primary-700);padding:var(--spacing-2) 0}.nav-list{display:flex;justify-content:center;list-style:none;margin:0 auto;max-width:1200px;padding:var(--spacing-2) var(--spacing-4)}.nav-item{margin:0 var(--spacing-2)}.nav-link{align-items:center;border-radius:4px;color:var(--color-text-on-filled);display:flex;font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:background-color var(--motion-duration-standard) var(--motion-easing-standard)}.nav-link .menu-icon{margin-right:var(--spacing-2)}.nav-link:hover{background-color:var(--color-primary-800)}.nav-link:active{background-color:var(--color-primary-900)}.drawer{background-color:var(--color-background-primary);display:block;height:calc(100vh - 60px);left:0;overflow-y:auto;position:fixed;top:60px;transform:translateX(-100%);transition:transform var(--motion-duration-standard) var(--motion-easing-standard);width:100%;z-index:1000}.drawer-open{transform:translateX(0)}.drawer-nav{padding:var(--spacing-4)}.drawer-nav-list{list-style:none}.drawer-nav-item{margin-bottom:var(--spacing-4)}.drawer-nav-link{align-items:center;border-radius:4px;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:background-color var(--motion-duration-standard) var(--motion-easing-standard)}.drawer-nav-link .menu-icon{margin-right:var(--spacing-2)}.drawer-nav-link:hover{background-color:var(--color-neutral-100)}.drawer-nav-link:active{background-color:var(--color-neutral-200)}.main{padding-bottom:var(--spacing-6);padding-top:calc(60px + var(--spacing-10))}.dashboard-section,.dashboard-wrapper{background-color:var(--color-background-secondary);border-radius:8px;box-shadow:var(--elevation-level-1);padding:var(--spacing-8)}.card{background-color:var(--color-background-primary);border-radius:4px;box-shadow:var(--elevation-level-1);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-5)}.card-title{color:var(--color-text-secondary);font-size:1rem;font-weight:var(--font-weight-medium)}.card-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:var(--font-weight-bold)}.table{border-collapse:collapse;margin-top:var(--spacing-10);width:100%}.table td,.table th{border-bottom:1px solid var(--color-border-default);padding:var(--spacing-3) var(--spacing-4);text-align:left}.table th{background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.table tbody tr:last-child td{border-bottom:none}@media (max-width:calc(var(--breakpoint-sm ) - 1px)){.utility-links .username{display:none}.hamburger-button{display:block}.global-nav{display:none}.drawer{height:calc(100vh - 60px);top:60px}}@media (min-width:var(--breakpoint-sm )){.hamburger-button{display:none}.global-nav{display:block}.drawer{display:none}}
/*# sourceMappingURL=main.a8aa4d19.css.map*/