:root{--background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-1: linear-gradient(180deg, #87ceeb 0%, #90ee90 100%);--gradient-2: linear-gradient(135deg, #4a7c2c 0%, #5d9636 100%);--gradient-3: linear-gradient(135deg, #1e3a5f 0%, #0a1628 100%);--surface-light: #f8fafc;--surface: #1e293b;--shadow: rgba(0,0,0,.3);--text-standard: #000;--text-light: #f8fafc;--text-gray: #94a3b8;--border-grenn: #4a7c2c;--accent-bright: #90c96a;--base-green: #558b2f;--base-orange: #CD7F32;--base-blue: #667eea;--dark-blue: #1e3a5f;--light-gray: #C0C0C0;--dark-green: #2d5016;--muted-red: #C84C4C;--soft-red: #D66A6A;--dark-red: #B93E3E;--medium-gray: #6E6E6E;--light-gray: #9E9E9E}.btn{padding:16px;margin-bottom:12px;border:none;border-radius:15px;font-weight:700;font-size:1em;cursor:pointer;transition:all .3s ease}.btn-small{padding:6px;margin-bottom:6px;border:none;border-radius:10px;font-weight:700;font-size:1em;cursor:pointer;transition:all .3s ease}.btn-full-width{width:100%}.btn-green{background:var(--gradient-2);color:var(--text-light);box-shadow:0 4px 15px #4a7c2c66;border:3px solid var(--dark-green)}.btn-red{background:var(--soft-red);box-shadow:0 4px 15px #4a7c2c66;color:var(--text-light);border:3px solid var(--dark-green)}.btn-gray{background:var(--light-gray);box-shadow:0 4px 15px #4a7c2c66;color:var(--text-light);border:3px solid var(--dark-green)}.btn-outline{background:#fff;color:#4a7c2c;border:2px solid #4a7c2c}.btn.shrink-padding{padding:5px;margin-bottom:0;min-width:50px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:var(--surface-light);border:1px solid var(--border-green);color:var(--text-standard);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.dropdown-toggle:hover{background:var(--surface-light);border-color:var(--border-green);transform:translateY(-2px)}.dropdown-menu{position:absolute;right:0;top:calc(100% + .5rem);background:var(--surface-light);border:1px solid var(--border-green);border-radius:12px;min-width:180px;box-shadow:0 10px 30px var(--shadow);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:.75rem 1rem;color:var(--text-standard);text-decoration:none;display:block;transition:all .2s ease;border-bottom:1px solid var(--border-green)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface-light);padding-left:1.5rem}.date-selector span{margin-left:20px;margin-right:20px;color:var(--dark-green);font-weight:700;font-size:1rem}.tee-date-form-row{display:flex;gap:1rem}.tee-date-form-row mat-form-field{flex:1}.input-form mat-form-field{width:100%}label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--dark-green)}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select,.input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--dark-green);border-radius:10px;background:#fff;color:var(--text-color);font-size:16px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,textarea::placeholder,.input::placeholder{color:#7a7a7a}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus,select:focus,.input:focus{border-color:var(--green);box-shadow:0 0 0 3px #3f7d5826;background:#fff}input[type=text]:disabled,input[type=password]:disabled,input[type=email]:disabled,input[type=number]:disabled,textarea:disabled,select:disabled,.input:disabled{background:#f1f1f1;color:#888;opacity:1}.full-width{width:100%}.padded-container p label{margin-top:15px}.margin-top-large{margin-top:20px}.margin-right-large{margin-right:20px}.quarter-width{max-width:25%}.half-width-centered{max-width:100%;margin:2rem auto}.table-container{background:var(--surface-light);border-radius:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:0 4px 15px #00000026;border:3px solid var(--dark-green);max-width:100%}.table-container table{width:100%;border-collapse:collapse}.table-container thead{background:linear-gradient(135deg,#4a7c2c,#5d9636)}.table-container th{padding:12px 10px;text-align:left;font-size:.8em;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.table-container tbody tr{border-bottom:1px solid #e8f5e9;transition:background .2s ease}.table-container tbody tr:hover{background:#f1f8e9}.table-container tbody tr:nth-child(2n){background:#fafafa}.table-container tbody tr:nth-child(2n):hover{background:#f1f8e9}.table-container td{padding:12px 10px;font-size:.85em;color:#2d5016}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--gradient-1);color:var(--text-standard);padding:20px;min-height:100vh}.header{background:var(--surface-light);padding:1rem;box-shadow:0 2px 10px var(--shadow);position:sticky;top:0;z-index:100;border-bottom:2px solid lightgray;border-radius:10px}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.welcome-text{font-size:1.3rem;font-weight:700;color:var(--dark-green)}.content-wrapper{max-width:1200px;margin:0 auto;padding:2rem 1rem;padding-bottom:100px}.page-title{font-size:1.6em;font-weight:700;color:var(--dark-green);padding:10px 20px;text-align:center}.page-sub-title{font-size:1.2em;font-weight:700;color:var(--dark-green);padding:10px 20px;text-align:center}.card{padding:15px 20px;background:var(--surface-light);margin-bottom:10px;border-radius:20px;border:3px solid var(--dark-green);box-shadow:0 4px 12px #0000001a;text-align:center}.card .title{font-size:1.3em;font-weight:700;color:var(--dark-green);margin-bottom:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface-light);border-top:2px solid var(--border-green);box-shadow:0 -4px 20px var(--shadow);z-index:1000}.bottom-nav-content{display:flex;justify-content:space-around;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 1rem}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--text-gray);text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:10px;min-width:80px}.nav-item:hover,.nav-item.active{color:var(--accent-bright);background:var(--surface-light)}.nav-icon{font-size:1.5rem;margin-bottom:.25rem}.nav-label{font-size:.75rem;font-weight:500}div.critical{background:#d32f2f;color:var(--text-light);border:2px solid #d32f2f;border-radius:10px;padding:10px;text-align:center}div.warning{background:#dec802;color:var(--text-light);border:2px solid #dec802;border-radius:10px;padding:10px;text-align:center}