*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1E88E5;--primary-green: #43A047;--light-blue: #64B5F6;--light-green: #81C784;--dark-blue: #1565C0;--dark-green: #2E7D32;--gradient-blue-green: linear-gradient(135deg, #1E88E5 0%, #43A047 100%);--gradient-light: linear-gradient(135deg, #64B5F6 0%, #81C784 100%);--bg-primary: #F5F7FA;--bg-white: #FFFFFF;--bg-card: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #6B7280;--text-light: #9CA3AF;--text-white: #FFFFFF;--border-color: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{max-width:100%;margin:0 auto;min-height:calc(100vh - 80px);background-color:var(--bg-primary);padding-bottom:90px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-top:var(--spacing-md)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.card-gradient{background:var(--gradient-blue-green);color:var(--text-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;min-height:52px;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-sm)}.btn-primary{background:var(--gradient-blue-green);color:var(--text-white)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-white);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary)}.btn-icon{width:52px;height:52px;border-radius:var(--radius-full);padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--spacing-sm)}.btn-icon-only{width:44px;height:44px;border-radius:var(--radius-full);padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-white);border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.btn-icon-only:hover{background:var(--bg-primary);border-color:var(--primary-blue)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s;min-height:48px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue)}.form-textarea{min-height:100px;resize:vertical}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);border-top:1px solid var(--border-color);padding:var(--spacing-sm) 0 calc(var(--spacing-sm) + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 10px #0000001a;max-width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);text-decoration:none;color:var(--text-secondary);font-size:.75rem;transition:color .2s;min-width:60px}.nav-item.active{color:var(--primary-green)}.nav-item-icon{width:24px;height:24px}.header{background:var(--gradient-blue-green);color:var(--text-white);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.header-text{flex:1}.header-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.header-subtitle{font-size:.875rem;opacity:.9}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn-icon-header{width:30px;height:30px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-header:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.user-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:#fff3;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:var(--text-white);margin-right:var(--spacing-xs);flex-shrink:0}.list-item{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;justify-content:space-between;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;gap:var(--spacing-md)}.list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-primary{background:var(--light-blue);color:var(--dark-blue)}.badge-success{background:var(--light-green);color:var(--dark-green)}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.flex{display:flex}.flex-column{flex-direction:column}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.page-container{padding:var(--spacing-xs);padding-bottom:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.page-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal-content{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:100%;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modal-header h3{font-size:1.25rem;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs)}.search-input{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;margin-bottom:var(--spacing-md);min-height:48px}.search-input:focus{outline:none;border-color:var(--primary-blue)}.product-card-select{background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .2s}.product-card-select:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.product-card-select.selected{border-color:var(--primary-green);background:#e8f5e9}@media (min-width: 768px){.app-container{max-width:480px;margin:0 auto;box-shadow:var(--shadow-lg);padding-left:0;padding-right:0}.header{margin-left:0;margin-right:0}.modal-content{max-width:500px}.btn{width:auto;min-width:120px}}