:root{--color-primary: #667eea;--color-primary-hover: #5a6bd8;--color-secondary: #764ba2;--color-text: #2c3e50;--color-text-light: #666;--color-background: #ffffff;--color-border: #e0e0e0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius-md);border:2px solid transparent;padding:12px var(--spacing-lg);font-size:14px;font-weight:500;font-family:var(--font-family);background:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s ease}button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #4fc3f74d}button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-cancel{background:#f5f5f5;color:var(--color-text-light);border:1px solid var(--color-border)}.btn-cancel:hover:not(:disabled){background:#e8e8e8;border-color:#bbb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}section{background:var(--color-background);padding:calc(var(--spacing-lg) + var(--spacing-md));border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}section h2{margin:0 0 var(--spacing-lg) 0;font-size:1.5rem;font-weight:600;color:var(--color-text);text-align:center}input,textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-family);background:var(--color-background);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 var(--spacing-sm) #4fc3f71a}input:hover,textarea:hover,select:hover{border-color:var(--color-border)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text);font-size:.875rem}fieldset{border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--color-background)}legend{padding:0 var(--spacing-sm);font-weight:600;color:var(--color-text);font-size:.9375rem}.form-group{margin-bottom:var(--spacing-md)}main{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}@media (max-width: 768px){main{padding:calc(var(--spacing-md) * .75)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.dashboard-header{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a}.dashboard-header h1{margin:0 0 var(--spacing-md) 0;font-size:2.5rem;font-weight:700}.dashboard-header p{margin:0 0 var(--spacing-md) 0;font-size:1.1rem;opacity:.9}.dashboard-header button{background:#fff3;color:#fff;border-color:#ffffff4d;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-header button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-controls{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1rem 0;flex-wrap:wrap}.time-range-selector{display:flex;align-items:center;gap:.5rem;font-weight:500}.time-range-selector label{color:#ffffffe6;font-size:.9rem;font-weight:600}.time-range-select{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.time-range-select:focus{outline:none;border-color:#fff9;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.time-range-select option{background:#333;color:#fff;padding:.5rem}.chart-container{position:relative;margin-bottom:var(--spacing-md);height:400px;width:100%}@media (max-width: 768px){.chart-container{height:300px}}.dashboard-loading,.dashboard-error{text-align:center;padding:calc(var(--spacing-lg) * 3) var(--spacing-md);margin:calc(var(--spacing-lg) * 2) auto;max-width:600px;background:var(--color-background);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a}.dashboard-loading h2{color:#667eea;margin:0}.dashboard-error h2{color:#e53e3e;margin:0 0 var(--spacing-md) 0}.dashboard-error p{color:var(--color-text-light);margin:0}.averages-summary{container-type:inline-size}.averages-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@container (min-width: 400px){.averages-grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 600px){.averages-grid{grid-template-columns:repeat(3,1fr)}}.average-card{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;text-align:center;border:1px solid var(--color-border)}.average-card h3{margin:0 0 var(--spacing-sm) 0;font-size:.9rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.average-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}@media (max-width: 768px){.dashboard-header{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dashboard-header h1{font-size:2rem}section{padding:var(--spacing-md)}.dashboard-controls{flex-direction:column;gap:1rem}.time-range-selector{flex-direction:column;gap:.5rem;text-align:center}}#root{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.App{min-height:100vh}.app-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:0 2px 4px #0000001a}.user-info{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;color:var(--color-text)}.user-info>div:last-child{display:flex;gap:var(--spacing-sm);align-items:center}.share-link-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;background:var(--color-background)}.share-link-item.expired{background:#f9f9f9;border-color:#ccc}.link-info{flex:1;margin-right:var(--spacing-md)}.link-dates{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:.75rem}.created{color:var(--color-text-light)}.expires{color:var(--color-primary)}.expires.expired{color:#e53e3e;font-weight:700}.link-url{background:#f5f5f5;padding:var(--spacing-sm);border-radius:var(--radius-sm);font-family:monospace;font-size:.75rem;word-break:break-all;border:1px solid var(--color-border)}.link-actions{display:flex;gap:var(--spacing-sm);flex-direction:column}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover:not(:disabled){background:#c53030}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--color-text)}