*{box-sizing:border-box;margin:0;padding:0}body{color:#3a4374;background:#f7f8fd;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.page{min-height:100vh}.topBackground{background:f7f8fd;height:160px}.mainLayout{gap:24px;width:90%;max-width:1110px;margin:-105px auto 40px;display:flex}.leftPanel{flex-direction:column;gap:24px;width:255px;display:flex}.titleBox{color:#fff;background:linear-gradient(135deg,#28a7ed,#a337f6,#e84d70);border-radius:10px;align-items:flex-end;height:137px;padding:24px;display:flex}.titleBox h1{margin-bottom:4px;font-size:20px}.filterBox{background:#fff;border-radius:10px;flex-wrap:wrap;gap:12px;padding:24px;display:flex}.filterButton{color:#4661e6;cursor:pointer;background:#f2f4ff;border:none;border-radius:10px;padding:8px 16px;font-weight:700}.filterButton.active{color:#fff;background:#4661e6}.rightPanel{flex:1}.topBar{color:#fff;background:#373f68;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 24px;display:flex}.topBarLeft{align-items:center;gap:16px;display:flex}.addButton{color:#fff;cursor:pointer;background:#ad1fea;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:flex}.feedbackListBox{flex-direction:column;gap:20px;display:flex}.feedbackCard{background:#fff;border-radius:10px;padding:28px 32px}.feedbackCard h3{margin-bottom:8px;font-size:18px}.feedbackCard p{color:#647196;margin-bottom:14px;line-height:1.5}.categoryTag{color:#4661e6;background:#f2f4ff;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.emptyState{text-align:center;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:500px;padding:40px 24px;display:flex}.emptyImage{width:130px}.emptyState p{color:#647196;max-width:420px;line-height:1.6}.addPage{background:#f7f8fd;min-height:100vh;padding:40px 20px 80px}.formContainer{width:100%;max-width:540px;margin:0 auto}.backButton{color:#647196;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;margin-bottom:60px;font-weight:700;display:flex}.formBox{background:#fff;border-radius:10px;padding:52px 42px 40px;position:relative}.formIcon{width:56px;height:56px;position:absolute;top:-28px;left:42px}.formBox h1{margin-bottom:36px;font-size:24px}.formLayout{flex-direction:column;gap:12px;display:flex}.formLayout label{margin-top:8px;font-weight:700}.smallText{color:#647196;margin-top:-6px;margin-bottom:10px}.formLayout input,.formLayout select,.formLayout textarea{color:#3a4374;background:#f7f8fd;border:none;border-radius:8px;width:100%;padding:14px 16px}.formLayout textarea{resize:vertical}.buttonRow{justify-content:flex-end;gap:16px;margin-top:20px;display:flex}.cancelButton{color:#fff;cursor:pointer;background:#3a4374;border:none;border-radius:10px;padding:12px 24px;font-weight:700}.submitButton{color:#fff;cursor:pointer;background:#ad1fea;border:none;border-radius:10px;padding:12px 24px;font-weight:700}@media (width<=1023px){.mainLayout{flex-direction:column}.leftPanel{flex-direction:row;width:100%}.titleBox,.filterBox{flex:1}}@media (width<=767px){.mainLayout{width:92%;margin-top:-90px}.leftPanel{flex-direction:column}.topBar{padding:14px 16px}.feedbackCard{padding:24px}.formBox{padding:44px 24px 24px}.formIcon{left:24px}.buttonRow{flex-direction:column}.cancelButton,.submitButton,.addButton{white-space:nowrap;padding:10px 14px;font-size:14px}}