.auth-container{display:flex;min-height:100vh;width:100%}.auth-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background-color:#fff}.auth-form-wrapper{width:100%;max-width:400px}.auth-title{font-family:Georgia,serif;font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:40px}.form-group{margin-bottom:24px}.form-label{display:block;font-family:Helvetica Neue,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.form-input{width:100%;padding:14px 16px;font-family:Helvetica Neue,sans-serif;font-size:14px;color:#1a1a1a;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.form-input::placeholder{color:#999}.form-input:focus{border-color:#3d5a3d}.auth-button{width:100%;padding:16px;font-family:Helvetica Neue,sans-serif;font-size:16px;font-weight:500;color:#fff;background-color:#3d5a3d;border:none;border-radius:30px;cursor:pointer;transition:background-color .2s ease;margin-top:16px}.auth-button:hover{background-color:#2d442d}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#e0e0e0}.auth-divider span{padding:0 16px;font-family:Helvetica Neue,sans-serif;font-size:14px;color:#999}.auth-switch{text-align:center;font-family:Helvetica Neue,sans-serif;font-size:14px;color:#666}.auth-link{color:#2563eb;text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-error{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px}.auth-image-section{flex:1;position:relative;overflow:hidden}.auth-image{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.auth-container{flex-direction:column}.auth-image-section{height:200px;order:-1}.auth-form-section{padding:30px 20px}}.sidebar{width:250px;min-height:100vh;background-color:#6b9b4b;padding:100px 30px 30px;position:fixed;left:0;top:0}.sidebar-nav{display:flex;flex-direction:column;gap:16px}.sidebar-link{color:#fff;font-family:Helvetica Neue,sans-serif;font-size:16px;font-weight:500;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;padding:0}.sidebar-link:hover{opacity:.8}.sidebar-logout{color:#fff}.page-container{display:flex;min-height:100vh;background-color:#fff}.main-content{flex:1;margin-left:250px;padding:40px 60px}.post-list{display:flex;flex-direction:column;gap:20px}.no-posts{text-align:center;color:#666;padding:40px}.post-card{border:2px solid #6B9B4B;border-radius:8px;padding:24px 30px;cursor:pointer;transition:background-color .2s ease}.post-card:hover{background-color:#f9f9f9}.post-card-title{font-family:Helvetica Neue,sans-serif;font-size:24px;font-weight:500;color:#1a1a1a;margin-bottom:12px}.post-card-meta{display:flex;justify-content:flex-end;gap:20px;font-family:Helvetica Neue,sans-serif;font-size:14px;color:#666}.list-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:0 20px}.pagination{display:flex;gap:8px;align-items:center}.pagination-btn{background:none;border:none;font-family:Helvetica Neue,sans-serif;font-size:16px;color:#1a1a1a;cursor:pointer;padding:4px 8px}.pagination-btn.active{font-weight:700}.pagination-ellipsis{font-size:16px;color:#1a1a1a}.create-btn{background-color:#3d5a3d;color:#fff;font-family:Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding:12px 28px;border:none;border-radius:20px;cursor:pointer;transition:background-color .2s ease}.create-btn:hover{background-color:#2d442d}.post-form{max-width:900px}.form-label-dark{display:block;font-family:Georgia,serif;font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:12px;margin-top:20px}.form-label-dark:first-child{margin-top:0}.form-input-box{width:100%;padding:20px;font-family:Helvetica Neue,sans-serif;font-size:16px;color:#1a1a1a;background-color:#fff;border:2px solid #6B9B4B;border-radius:4px;outline:none;box-sizing:border-box}.form-input-box:focus{border-color:#3d5a3d}.form-textarea{width:100%;min-height:300px;padding:20px;font-family:Helvetica Neue,sans-serif;font-size:16px;color:#1a1a1a;background-color:#fff;border:2px solid #6B9B4B;border-radius:4px;outline:none;box-sizing:border-box;resize:vertical}.form-textarea:focus{border-color:#3d5a3d}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.post-detail{max-width:900px}.detail-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.detail-header .form-label-dark{margin:0}.detail-meta{display:flex;gap:20px;font-family:Helvetica Neue,sans-serif;font-size:14px;color:#666}.detail-title-box{width:100%;padding:20px;font-family:Helvetica Neue,sans-serif;font-size:24px;font-weight:500;color:#1a1a1a;background-color:#fff;border:2px solid #6B9B4B;border-radius:4px;box-sizing:border-box;margin-bottom:20px}.detail-content-box{width:100%;min-height:250px;padding:20px;font-family:Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background-color:#fff;border:2px solid #6B9B4B;border-radius:4px;box-sizing:border-box}.detail-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.edit-btn,.delete-btn{font-family:Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding:10px 24px;border-radius:20px;cursor:pointer;border:none;transition:background-color .2s ease,transform .1s ease}.edit-btn{background-color:#3d5a3d;color:#fff}.edit-btn:hover{background-color:#2d442d;transform:translateY(-1px)}.delete-btn{background-color:#3d5a3d;color:#fff;border:none}.delete-btn:hover{background-color:#2d442d;transform:translateY(-1px)}.comments-section{margin-top:40px}.comments-list{margin-bottom:20px}.comment-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0;gap:40px}.comment-author{font-family:Helvetica Neue,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a;min-width:80px}.comment-content{flex:1;font-family:Helvetica Neue,sans-serif;font-size:16px;color:#1a1a1a}.comment-date{font-family:Helvetica Neue,sans-serif;font-size:14px;color:#666}.comment-delete-btn{background-color:#e0e0e0;border:none;color:#666;font-size:12px;padding:4px 8px;cursor:pointer;margin-left:12px}.comment-delete-btn:hover{background-color:#ccc}.comment-input{width:100%;min-height:100px;padding:16px;font-family:Helvetica Neue,sans-serif;font-size:14px;color:#1a1a1a;background-color:#fff;border:2px solid #6B9B4B;border-radius:4px;outline:none;box-sizing:border-box;resize:vertical}.comment-input:focus{border-color:#3d5a3d}@media(max-width:768px){.main-content{margin-left:0;padding:20px}.sidebar{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}button{cursor:pointer}