*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0fff4,#fef3c7);color:#1a5a3a}html[dir=rtl] body{direction:rtl;text-align:right}html[dir=ltr] body{direction:ltr;text-align:left}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;border:1px solid #ddd;padding:8px 12px;border-radius:4px;width:100%}header{background:linear-gradient(90deg,#10b981,#3b82f6);box-shadow:0 4px 12px rgba(16,185,129,.3);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}footer{background:linear-gradient(90deg,#059669,#1d4ed8);color:#fff;text-align:center;padding:24px;margin-top:48px}.container{max-width:1200px;margin:0 auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;margin:32px 0}.card{background:#fff;border-radius:12px;border:2px solid #10b981;box-shadow:0 4px 12px rgba(16,185,129,.15);overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(59,130,246,.25);border-color:#3b82f6}.btn{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;transition:all .2s;cursor:pointer;display:inline-block}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a5a3a;font-weight:600}.btn-danger:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:100px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:16px}.alert-success{background-color:#d1fae5;color:#047857;border:2px solid #10b981}.alert-error{background-color:#fef3c7;color:#92400e;border:2px solid #f59e0b}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:12px 16px;border-bottom:1px solid #ddd;text-align:inherit}th{font-weight:600}th,tr:hover{background-color:#f8f9fa}@media (max-width:640px){.container{padding:0 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:24px 0}.form-group{margin-bottom:12px}.form-group label{margin-bottom:6px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:16px}.btn{padding:10px 16px;font-size:13px}table{font-size:12px}td,th{padding:8px 12px}}