:root{--primary-color: #0071e3;--primary-darker: #0052a5;--secondary-color: #383838;--success-color: #34c759;--warning-color: #ff9500;--danger-color: #ff3b30;--info-color: #5ac8fa;--light-gray: #f2f2f7;--medium-gray: #e5e5ea;--dark-gray: #8e8e93;--text-color: #1d1d1f;--text-secondary: #86868b;--background-color: #f5f5f7;--card-background: #ffffff;--border-radius: 12px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .08);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-y:auto;min-height:-webkit-fill-available;padding-bottom:max(1rem,var(--safe-area-inset-bottom))}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none}button{font-family:var(--font-family);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}input,select{font-family:var(--font-family);font-size:1rem;padding:.75rem;border:1px solid var(--medium-gray);border-radius:var(--border-radius);background-color:var(--card-background);width:100%;transition:border-color .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary-color)}.card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:1.25rem;margin-bottom:1rem}.primary-button{background-color:var(--primary-color);color:#fff}.primary-button:hover{background-color:var(--primary-darker)}.secondary-button{background-color:var(--light-gray);color:var(--secondary-color)}.secondary-button:hover{background-color:var(--medium-gray)}.danger-button{background-color:var(--danger-color);color:#fff}.danger-button:hover{background-color:#d6372e}.main-content{max-width:768px;margin:0 auto;padding:1rem}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.spinner{width:24px;height:24px;border:3px solid var(--medium-gray);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}