body{font-family:Roboto,Verdana,sans-serif!important;background:#f9fafb;color:#1f2937}.digital-main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px 20px}.digital-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;border-radius:15px;padding:25px;overflow:hidden;border:2px solid #e6edf4;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.05);box-shadow:0 4px 15px rgba(0,0,0,.05);-webkit-transition:all .3s ease;transition:all .3s ease}.digital-section,.digital-section h2{display:-webkit-box;display:-ms-flexbox;display:flex}.digital-section h2{font-size:1.5rem;margin-bottom:25px;color:#1f2937;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#f9fafb;-webkit-transition:border-color .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease}.form-input:focus{outline:none;border-color:#667eea;-webkit-box-shadow:0 0 0 3px rgba(102,126,234,.2);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.history-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;border-radius:12px;background:#f9fafb;margin-bottom:15px;border-left:5px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.05);box-shadow:0 2px 6px rgba(0,0,0,.05)}.history-item:hover{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.history-date{font-weight:600;color:#374151;margin-bottom:5px}.history-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;font-size:.85rem;color:#6b7280;-ms-flex-wrap:wrap;flex-wrap:wrap}.usage-bar{width:100px;height:8px;background:#e5e7eb;border-radius:5px;overflow:hidden;margin-top:5px}.usage-fill{height:100%;border-radius:5px;-webkit-transition:width .5s ease;transition:width .5s ease}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tips-section{grid-column:1/-1;background:#f8fafc;padding:25px;border-radius:15px;border:2px dashed #d1d5db;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.03);box-shadow:0 2px 10px rgba(0,0,0,.03)}.tips-section h2{color:#334155;margin-bottom:20px}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{position:relative;padding-left:20px;color:#64748b;margin-bottom:10px}.tips-list li:before{content:"\2022";position:absolute;left:0;color:#3b82f6;font-weight:700}.mood-header{text-align:center;padding:20px 30px;color:#0f2c64}.mood-title-text h2{font-size:2rem;font-weight:700;margin-bottom:5px}.mood-title-text p{font-size:1rem;opacity:.9;margin:0;color:#0f2c64}.record-button{width:100%;padding:15px;background:#0f2c64;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.record-button:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(59,130,246,.3);box-shadow:0 8px 25px rgba(59,130,246,.3);cursor:pointer}.record-button:disabled{background:#9ca3af;cursor:not-allowed;-webkit-transform:none;transform:none}.record-button.success{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.form-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#d1d5db;border-radius:5px;outline:none;-webkit-transition:background .3s;transition:background .3s}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0f2c64;border-radius:50%;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}.form-range::-moz-range-thumb{width:20px;height:20px;background:#0f2c64;border-radius:50%;cursor:pointer}.form-range::-ms-thumb{width:20px;height:20px;background:#0f2c64;border-radius:50%;cursor:pointer}@media (max-width:1024px){.digital-main-content{gap:20px;padding:20px}.digital-main-content,.form-row{grid-template-columns:1fr}.history-stats{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}}