.bottom-navigation{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -2px 8px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bottom-navigation-container{display:flex;justify-content:space-around;align-items:center;padding:8px 16px;max-width:600px;margin:0 auto;min-height:60px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .2s ease-in-out;position:relative;min-width:60px;color:#666;text-decoration:none}.nav-item:hover{background-color:#f5f5f5;transform:translateY(-1px)}.nav-item:active{transform:translateY(0);background-color:#e8e8e8}.nav-item--active{color:#1976d2;background-color:#e3f2fd}.nav-item--active:hover{background-color:#bbdefb}.nav-item-icon{font-size:20px;margin-bottom:4px;transition:transform .2s ease-in-out;line-height:1}.nav-item:hover .nav-item-icon{transform:scale(1.1)}.nav-item--active .nav-item-icon{transform:scale(1.15)}.nav-item-label{font-size:12px;font-weight:500;line-height:1.2;text-align:center;white-space:nowrap;margin-top:2px}.nav-item--active .nav-item-label{font-weight:600}.nav-item-indicator{position:absolute;top:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#1976d2;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 480px){.bottom-navigation-container{padding:6px 8px;min-height:56px}.nav-item{padding:6px 8px;min-width:50px}.nav-item-icon{font-size:18px;margin-bottom:2px}.nav-item-label{font-size:11px}}@media (min-width: 768px){.bottom-navigation-container{padding:10px 20px;min-height:64px}.nav-item{padding:10px 16px;min-width:70px}.nav-item-icon{font-size:22px;margin-bottom:6px}.nav-item-label{font-size:13px}}@media (prefers-color-scheme: dark){.bottom-navigation{background:#1e1e1e;border-top-color:#333;box-shadow:0 -2px 8px #0000004d}.nav-item{color:#ccc}.nav-item:hover{background-color:#2a2a2a}.nav-item:active{background-color:#333}.nav-item--active{color:#64b5f6;background-color:#1a237e}.nav-item--active:hover{background-color:#283593}.nav-item-indicator{background-color:#64b5f6}}@media (prefers-reduced-motion: reduce){.nav-item,.nav-item-icon,.nav-item-indicator{transition:none;animation:none}}@media (prefers-contrast: high){.bottom-navigation{border-top:2px solid #000000}.nav-item{border:1px solid transparent}.nav-item--active{border-color:#000;background-color:#fff;color:#000}}body{padding-bottom:70px}@media (max-width: 480px){body{padding-bottom:66px}}@media (min-width: 768px){body{padding-bottom:74px}}@media print{.bottom-navigation{display:none}body{padding-bottom:0}}.page-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.page-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:16px 20px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.page-title{font-size:20px;font-weight:600;color:#333;margin:0;line-height:1.4}.user-info{font-size:14px;color:#666;margin-top:4px}.page-content{flex:1;padding:0 0 90px;max-width:none;margin:0;width:100%;box-sizing:border-box}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:#666;text-align:center;font-weight:500}@media (max-width: 480px){.page-header{padding:12px 16px}.page-title{font-size:18px}.user-info{font-size:13px}.page-content{padding:0 0 80px}.loading-spinner{width:32px;height:32px;border-width:3px}.loading-text{font-size:14px}}@media (min-width: 768px){.page-header{padding:20px 24px}.page-title{font-size:24px}.user-info{font-size:15px}.page-content{padding:0 0 100px}.loading-spinner{width:48px;height:48px;border-width:5px}.loading-text{font-size:18px}}@media (prefers-color-scheme: dark){.page-layout{background-color:#121212}.page-header{background:#1e1e1e;border-bottom-color:#333}.page-title{color:#fff}.user-info{color:#ccc}.page-loading{background-color:#121212}.loading-spinner{border-color:#333;border-top-color:#64b5f6}.loading-text{color:#ccc}}@media (prefers-contrast: high){.page-header{border-bottom:2px solid #000000}.page-title{color:#000}.loading-spinner{border-color:#000;border-top-color:#00f}.loading-text{color:#000}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;border:4px solid #666666}}@media print{.page-header{position:static;box-shadow:none;border-bottom:1px solid #000000}.page-content{padding-bottom:20px}.page-loading{display:none}}.page-layout--fullwidth .page-content{max-width:none;padding-left:0;padding-right:0}.page-layout--no-header .page-header{display:none}.page-content--constrained{max-width:1200px;margin:0 auto}.page-content--padded{padding-left:20px;padding-right:20px}@media (max-width: 480px){.page-content--padded{padding-left:16px;padding-right:16px}}@media (min-width: 768px){.page-content--padded{padding-left:24px;padding-right:24px}}.page-layout--centered .page-content{display:flex;align-items:center;justify-content:center;text-align:center}.page-content h1,.page-content h2,.page-content h3{color:#333;margin-top:0}.page-content p{color:#666;line-height:1.6}.page-content .container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}@media (prefers-color-scheme: dark){.page-content h1,.page-content h2,.page-content h3{color:#fff}.page-content p{color:#ccc}.page-content .container{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}}