:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--danger-gradient: linear-gradient(135deg, #ff6b6b, #ee5a52);--warning-gradient: linear-gradient(135deg, #ffecd2, #fcb69f)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--primary-gradient);min-height:100vh;padding:20px;line-height:1.6}.container{max-width:1000px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.subtitle{text-align:center;color:#666;margin-bottom:30px;font-style:italic}h1{background:var(--primary-gradient);color:#fff;text-align:center;padding:30px;margin:0;font-size:2.8em;font-weight:300;letter-spacing:2px;position:relative}h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:#ffffff4d}h2{color:#333;margin-bottom:20px;font-weight:400;border-left:4px solid #667eea;padding-left:15px}.form-container{background:#f8f9fa;padding:30px;margin:0;border-bottom:1px solid #eee}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-textarea{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.form-textarea{min-height:120px;resize:vertical;font-family:inherit}.button-group{display:flex;gap:15px;margin-top:20px}.btn{padding:15px 30px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary-gradient);color:#fff;min-width:150px}.btn-secondary{background:#6c757d;color:#fff;min-width:120px}.btn-danger{background:var(--danger-gradient);color:#fff;min-width:120px}.btn-small{padding:8px 16px;font-size:12px;min-width:auto}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0003}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.table-section{padding:30px}.table-container{overflow-x:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a}.items-table{width:100%;border-collapse:collapse;background:#fff}.items-table th{background:var(--primary-gradient);color:#fff;padding:20px 15px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.items-table td{padding:18px 15px;border-bottom:1px solid #f0f0f0}.table-row{transition:all .3s ease}.table-row:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:scale(1.01)}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{font-family:monospace;color:#666}.actions-cell{white-space:nowrap}.loading{text-align:center;padding:60px 20px;color:#6c757d}.loading .spinner{width:40px;height:40px;border-width:4px;margin:0 auto 20px;display:block}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-icon{font-size:4em;margin-bottom:20px;opacity:.5}.message{padding:15px 20px;margin:20px 0;border-radius:8px;font-weight:500;animation:slideIn .3s ease-out}.message.success{background:var(--success-gradient);color:#fff}.message.error{background:var(--danger-gradient);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding:10px}.container{border-radius:8px}h1{font-size:2.2em;padding:20px}.form-container,.table-section{padding:20px}.button-group{flex-direction:column}.btn{width:100%;margin-bottom:10px}.items-table{font-size:14px}.items-table th,.items-table td{padding:12px 8px}.description-cell{max-width:100px}}@media (max-width: 480px){.actions-cell{display:flex;flex-direction:column;gap:5px}.btn-small{padding:6px 12px;font-size:11px}}