:root{--main-bg: #F5F5F5;--container-bg: #FFFFFF;--main-green: #28A745;--text-dark: #333333;--text-regular: #555555;--text-light: #777777;--spacing-unit: 1rem}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh}html{background-color:var(--main-bg)}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.back-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0}.back-header h2{margin:0;font-size:24px;color:var(--text-dark);flex:1}.back-header .header-right{margin-left:auto}.icon-btn{border:0;background:transparent;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-dark);transition:opacity .2s}.icon-btn:hover{opacity:.7}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--container-bg);border-top:1px solid #E0E0E0;display:flex;justify-content:space-around;padding:8px 0;z-index:1000}.bottom-nav .nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-light);text-decoration:none;font-size:12px;padding:8px 16px;transition:color .2s}.bottom-nav .nav-link.active,.bottom-nav .nav-link:hover{color:var(--main-green)}.bottom-nav .nav-link span{font-size:11px}