:root{--primary: #4CAF50;--primary-dark: #388E3C;--secondary: #FF9800;--danger: #F44336;--background: #F5F5F5;--card-bg: #FFFFFF;--text-primary: #212121;--text-secondary: #757575;--border: #E0E0E0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5}.app-container{min-height:100vh;max-width:480px;margin:0 auto;background:var(--background)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.card{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:16px;outline:none}.input:focus{border-color:var(--primary)}.page-header{display:flex;align-items:center;padding:16px;background:var(--primary);color:#fff}.page-header h1{flex:1;text-align:center;font-size:18px;font-weight:500}.page-header .back-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#fff;border-top:1px solid var(--border);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 0;color:var(--text-secondary);text-decoration:none;font-size:12px}.nav-item.active{color:var(--primary)}.nav-item .icon{font-size:24px;margin-bottom:4px}