.container{max-width:1000px;margin:0 auto}header{text-align:center;color:#fff;margin-bottom:40px}header h1{font-size:2.5em;margin-bottom:10px}.subtitle{font-size:1.1em;opacity:.9}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.card{background:white;border-radius:8px;padding:25px;box-shadow:0 10px 30px #0003;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.card h2{color:#667eea;margin-bottom:15px;font-size:1.4em}.card p{color:#666;margin-bottom:15px}input,select,textarea{width:100%;padding:10px;margin-bottom:10px;border:2px solid #e0e0e0;border-radius:4px;font-size:1em;font-family:inherit;transition:border-color .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:#667eea}button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em;font-weight:700;transition:transform .2s,box-shadow .2s;width:100%}button:hover{transform:scale(1.02);box-shadow:0 5px 15px #667eea66}button:active{transform:scale(.98)}.result{margin-top:15px;padding:15px;background:#f0f4ff;border-left:4px solid #667eea;border-radius:4px;min-height:50px}.result.error{background:#ffebee;border-left-color:#d32f2f;color:#d32f2f}.result.success{background:#e8f5e9;border-left-color:#388e3c;color:#388e3c}.status{text-align:center;padding:10px;background:#f0f0f0;border-radius:4px;color:#333;font-size:.9em}.messages-list,.items-list{max-height:400px;overflow-y:auto;background:#f9f9f9;padding:10px;border-radius:4px;margin-top:10px}.item{background:white;padding:10px;margin-bottom:8px;border-radius:4px;border-left:3px solid #667eea;display:flex;justify-content:space-between;align-items:center}.item-content{flex:1}.item-text{font-weight:700;color:#333;margin-bottom:5px}.item-time{font-size:.85em;color:#999}.item-actions{display:flex;gap:5px;margin-left:10px}.item-actions button{padding:5px 10px;font-size:.85em;width:auto;margin:0}.delete-btn{background:#d32f2f!important}.complete-btn{background:#388e3c!important}.form-grid{display:grid;grid-template-columns:1fr auto;gap:10px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rating-label{display:block;margin-bottom:5px;color:#333;font-weight:700}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;margin:0;padding:20px}*{margin:0;padding:0;box-sizing:border-box}